Trevor Alexander
9 years ago
3 changed files with 633 additions and 541 deletions
@ -0,0 +1,164 @@
@@ -0,0 +1,164 @@
|
||||
(ns twister-renyan.views.home |
||||
(:require [twister-renyan.views.templates :as templates |
||||
:refer [post-area |
||||
loading-roller |
||||
refresh-button |
||||
user-photo |
||||
user-photo-link |
||||
search-profile-template |
||||
who-to-follow-template |
||||
toptrends-template |
||||
twistday-reminder-template |
||||
twistday-reminder-suggestion-template |
||||
follow-suggestion-template |
||||
expanded-post |
||||
post-preview-template |
||||
post-template |
||||
post-rt-reference-template |
||||
post-retransmitted-by-template |
||||
msg-user-link-template |
||||
external-page-link-template |
||||
hashtag-link-template |
||||
avatar-row-template |
||||
modal-wrapper |
||||
prompt-wrapper |
||||
confirm-popup-template |
||||
retwist-modal-template |
||||
reply-modal-template |
||||
direct-messages-template |
||||
dm-snippet-template |
||||
messages-thread-template |
||||
dm-chat-template |
||||
dm-form-template |
||||
group-messages-profile-modal-control-template |
||||
group-messages-messages-modal-control-template |
||||
group-profile-modal-template |
||||
group-profile-member-template |
||||
group-messages-new-group-template |
||||
group-messages-join-group-template |
||||
groups-list-item-template |
||||
profile-card |
||||
profile-modal-template |
||||
hashtag-modal-template |
||||
following-modal-template |
||||
following-config-modal-template]])) |
||||
|
||||
(defn home-page [] |
||||
[:div [:h2 "twister-renyan"] |
||||
[:div [:a {:href "#/about"} "go to about page"]] |
||||
[:nav.userMenu |
||||
[:ul |
||||
[:li.userMenu-home.current |
||||
[:a {:href "home.html"} |
||||
[:span.selectable_theme.theme_original.label "Home"] |
||||
[:span.selectable_theme.theme_nin.menu-news]]] |
||||
[:li.userMenu-network.selectable_theme.theme_original.theme_nin |
||||
[:a.label {:href "network.html"} "Network"]] |
||||
[:li.userMenu-profile.selectable_theme.theme_original.theme_nin |
||||
[:a.label {:href "profile-edit.html"} "Profile"]] |
||||
[:li.userMenu-config |
||||
[:a.userMenu-config-dropdown {:href "#"} |
||||
[:div.config-menu.dialog-modal |
||||
[:div.mini-profile-info.selectable_theme.theme_original |
||||
[:div.mini-profile-photo |
||||
;; (user-photo "mini-profile-photo") |
||||
] |
||||
[:a.mini-profile-name {:href "#"} "Nobody Yet"] |
||||
[:span.mini-profile-view "View"]] |
||||
[:a.dropdown-menu-item {:href "options.html"} "Options"] |
||||
[:a.dropdown-menu-item {:href "network.html"} "Network"] |
||||
[:a.dropdown-menu-item {:href "profile-edit.html"} "Accounts"] |
||||
[:a.dropdown-menu-item {:href "following.html"} "Following Users"] |
||||
[:a.dropdown-menu-item {:href "login.html"} "Change User"] |
||||
[:a.dropdown-menu-item.promoted-posts-only.selectable_theme.theme_original.theme_calm |
||||
{:href "#"} "Switch to Promoted Posts"] |
||||
[:a.dropdown-menu-item.direct-messages.selectable_theme.theme_original.theme_calm |
||||
{:href "#"} "Direct Messages"] |
||||
[:a.dropdown-menu-item.direct-messages.selectable_theme.theme_original.theme_calm |
||||
{:href "#"} "Group Messages"]]]] |
||||
[:li.userMenu-connections |
||||
[:a {:href "#"} |
||||
[:span.messages-qtd {:style {:display "none"}} 0]]] |
||||
[:li.userMenu-messages |
||||
[:a {:href "#"} |
||||
[:span.messages-qtd {:style {:display "none"}} 0]]] |
||||
[:li.userMenu-group |
||||
[:a {:href "#"} |
||||
[:span.messages-qtd {:style {:display "none"}} 0]]] |
||||
[:li.userMenu-dhtindicator.selectable_theme.theme_calm |
||||
[:a {:href "network.html"}]] |
||||
;; Search |
||||
[:li.userMenu-search |
||||
[:input.userMenu-search-field {:type "text" :placeholder "search"}] |
||||
[:div.search-results.dialog-modal |
||||
[:ul.userMenu-search-sugestions {:style {:display "none"}} |
||||
[:li [:a {:href "A Nobody"}]] |
||||
[:li [:a {:href "Another Nobody"}]] |
||||
[:li [:a {:href "One More Nobody"}]]] |
||||
[:ul.userMenu-search-profiles]]]]] |
||||
;; Nav end |
||||
[:div.wrapper |
||||
[:div.dashboard.left |
||||
[:ul.mini-profile-indicators.selectable_theme.theme_nin |
||||
[:li.userMenu-connections |
||||
[:a {:href "#" :title "Mentions"} |
||||
[:span.messages-qtd {:style {:display "none"}} 0] |
||||
[:span "Mentions"]]] |
||||
[:li.userMenu-groupmessages |
||||
[:a {:href "#" :title "Group Messages"} |
||||
[:span.messages-qtd {:style {:display "none"}} 0] |
||||
[:span "Group Messages"]]] |
||||
[:li.userMenu-messages |
||||
[:a {:href "#" :title "Direct Messages"} |
||||
[:span.messages-qtd {:style {:display "none"}} 0] |
||||
[:span "Direct Messages"]]]] |
||||
;; Profile widget |
||||
[:div.module.mini-profile |
||||
[:div.mini-profile-info |
||||
[:div.mini-profile-photo |
||||
(user-photo)] |
||||
[:a.mini-profile-name.open-profile-modal {:href "#"}] |
||||
[:span.mini-profile-view "View"]] |
||||
[:ul.module.profile-data |
||||
[:li |
||||
[:a.open-profile-modal {:href "#"} |
||||
[:span.posts-count " "] |
||||
[:span.label "Posts"]]] |
||||
[:li |
||||
[:a.open-following-page {:href "following.html"} |
||||
[:span.following-count " "] |
||||
[:span.label "Following"]]] |
||||
[:li |
||||
[:a.open-followers {:href "#"} |
||||
[:span.followers-count " "] |
||||
[:span.label "Followers"]]]] |
||||
(post-area)] |
||||
;; Who to follow |
||||
[:div.module.who-to-follow {:style {:display "none"}}] |
||||
;; Trends |
||||
[:div.module.toptrends {:style {:display "none"}}] |
||||
;; Twistday |
||||
[:div.module.twistday-reminder {:style {:display "none"}}]] |
||||
|
||||
;; Posts area |
||||
[:div.postboard |
||||
[:h2 |
||||
[:span "Postboard"] |
||||
[:button.postboard-news.selectable_theme.theme_original.theme_calm |
||||
{:style {:display "none"}}]] |
||||
;; Post type tab (normal, promoted) |
||||
[:ul.promoted-posts-only.promoted.selectable_theme.theme_nin |
||||
[:li.normal-posts.active [:span "Normal posts"]] |
||||
[:li.promoted-posts.disabled [:span "Promoted posts"]]] |
||||
;; Top of postboard postarea |
||||
[:div#postboard-top.selectable_theme.theme_nin (post-area)] |
||||
;; User pic |
||||
[:div.profile-photo (user-photo "" "img/genericPerson.png")]] |
||||
;; postboard-top end |
||||
|
||||
[:ol#posts.postboard-posts |
||||
;; "post-template" here |
||||
] |
||||
[:div.postboard-loading {:style {:display "none"}} [:div]]] |
||||
;; post area end |
||||
[:div.dashboard.right]]) |
||||
@ -0,0 +1,424 @@
@@ -0,0 +1,424 @@
|
||||
(ns twister-renyan.views.templates) |
||||
|
||||
;; ------------------------- |
||||
;; Components/Templates |
||||
|
||||
(defn post-area [] |
||||
[:div.post-area |
||||
[:form.post-area-new |
||||
[:textarea {:placeholder "New Post..."}] |
||||
[:div.post-area-extras |
||||
[:span.post-area-remaining 140] |
||||
[:button.undo-unicode.disabled {:disabled "disabled"} "undo"] |
||||
[:button.post-submit.disabled {:disabled "disabled"} "post"]]]]) |
||||
|
||||
(defn loading-roller [] |
||||
[:div.loading-roller [:div]]) |
||||
|
||||
(defn refresh-button |
||||
([] [:a.refresh.label "Refresh"]) |
||||
;; optional argument: string of extra classes to append |
||||
([class-string] [:a.refresh.label {:class class-string }"Refresh"])) |
||||
|
||||
(defn user-photo |
||||
([] [:img.twister-user-photo |
||||
{:src "img/grayed_avatar_placeholder_24.png" :alt "user-photo"}]) |
||||
([extra-img-classes-string] [:img.twister-user-photo |
||||
{:src "img/grayed_avatar_placeholder_24.png" |
||||
:alt "user-photo" |
||||
:class extra-img-classes-string}]) |
||||
([extra-img-classes-string photo-url] [:img.twister-user-photo |
||||
{:src photo-url :alt "user-photo" |
||||
:class extra-img-classes-string}])) |
||||
|
||||
(defn user-photo-link |
||||
;; default case--no photo url |
||||
([] [:a.twister-user-name.open-profile-modal |
||||
{:href "#"} (user-photo)]) |
||||
;; extra classes for img element |
||||
([extra-img-classes-string] [:a.twister-user-name.open-profile-modal |
||||
{:href "#"} |
||||
(user-photo extra-img-classes-string)]) |
||||
;; photo url and extra classes |
||||
([extra-img-classes-string photo-url] [:a.twister-user-name.open-profile-modal |
||||
{:href "#"} |
||||
(user-photo extra-img-classes-string |
||||
photo-url)])) |
||||
|
||||
(defn search-profile-template [] |
||||
[:div#search-profile-template |
||||
[:li |
||||
[:div.mini-profile.info |
||||
(user-photo-link "mini-profile-photo") |
||||
[:span.mini-screen-name "@"] |
||||
[:span.mini-profile-name]] |
||||
[:button.follow "Follow"]]]) |
||||
|
||||
(defn who-to-follow-template [] |
||||
[:div#who-to-follow-template |
||||
[:div |
||||
[:h3.label "Who to Follow"] |
||||
[:small "."] |
||||
(refresh-button "refresh-user") |
||||
[:small "."] |
||||
[:a.view-all-users {:href "#whotofollow"} "View All"] |
||||
[:ol.follow-suggestions |
||||
;; follow-suggestion-template here |
||||
]] |
||||
(loading-roller)]) |
||||
|
||||
(defn toptrends-template [] |
||||
[:div#toptrends-template |
||||
[:div |
||||
[:h3.label "Top Trends"] |
||||
[:small "."] |
||||
(refresh-button "refresh-toptrends") |
||||
[:ol.toptrends-list]] |
||||
(loading-roller)]) |
||||
|
||||
(defn twistday-reminder-template [] |
||||
[:div#twistday-reminder-template |
||||
[:div |
||||
[:h3.label "Who's celebrating their Twistday?"] |
||||
[:small "."] |
||||
(refresh-button) |
||||
[:div.current |
||||
[:h4.label "Today's luckies: "] |
||||
[:ol.list |
||||
;; twistday-reminder-suggestion-template here |
||||
]] |
||||
[:div.upcoming |
||||
[:h4.label "Upcoming ones: "] |
||||
[:ol.list |
||||
;; twistday-reminder-suggestion-template here |
||||
]]] |
||||
(loading-roller)]) |
||||
|
||||
(defn twistday-reminder-suggestion-template [] |
||||
[:li#twistday-reminder-suggestion-template.twister-user |
||||
[:div.twister-user-photo (user-photo-link)] |
||||
[:div.twister-user-info {:data-screen-name ""} |
||||
[:a.twister-user-name.open-profile-modal {:href "#"} |
||||
[:div.twister-user-full] |
||||
[:div.twister-user-tag]]] |
||||
[:div |
||||
[:span.twisterday]]]) |
||||
|
||||
(defn follow-suggestion-template [] |
||||
[:li#follow-suggestion-template.twister-user |
||||
[:div (user-photo-link)] |
||||
[:div.twister-user-info {:data-screen-name ""} |
||||
[:a.twister-user-name.open-profile-modal {:href "#"} |
||||
[:span.twister-user-full] |
||||
[:span.twister-user-tag]] |
||||
[:div.bio] |
||||
[:div.followers |
||||
[:span.label "Followed by"] |
||||
[:a.twister-by-user-name.open-profile-modal |
||||
[:span.followed-by]]] |
||||
[:a.twister-user-remove "×"] |
||||
[:button.follow "Follow"]]]) |
||||
|
||||
(defn expanded-post [] |
||||
[:ol.expanded-post]) |
||||
|
||||
(defn post-preview-template [] |
||||
[:div#post-preview-template |
||||
[:div#post-preview.post-text]]) |
||||
|
||||
(defn post-template [] |
||||
[:li#post-template.module.post {:data-time ""} |
||||
[:div.post-data {:data-userpost "" |
||||
:data-content_to_rt "" |
||||
:data-content_to_sigrt "" |
||||
:data-screen-name "" |
||||
:data-id "" |
||||
:data-text "" |
||||
:data-text-mentions ""} |
||||
[:div.post-photo(user-photo)] |
||||
[:div.post-info |
||||
[:a.post-info-name.open-profile-modal {:href "#"}] |
||||
[:span.post-info-tag] |
||||
[:a.post-info-time [:span.post-info-sent] [:span]]] |
||||
[:p.post-text] |
||||
[:div.post-context {:style {:display "none"}}] |
||||
[:span.post-expand "Expand"] |
||||
[:div.post-interactions |
||||
[:span.post-reply "Reply"] |
||||
[:span.post-propagate "Retransmit"] |
||||
;; [:span.post-favorite "Favorite"] one day... |
||||
] |
||||
[:div.expanded-content {:style {:display "none"}} |
||||
[:ul.post-stats {:style {:display "none"}} |
||||
[:li.stat-count |
||||
[:span.stat-count-value] |
||||
[:span "Retransmits"]] |
||||
[:li.avatar-row |
||||
;; avatar-row-template here |
||||
]] |
||||
[:div.preview-container] |
||||
[:div.post-reply-content {:style {:display "block"}} |
||||
(post-area)] |
||||
[:span.show-more.label "Show more in this conversation..."]]]]) |
||||
|
||||
(defn post-rt-reference-template [] |
||||
[:div.post-rt-reference |
||||
[:div.post-photo (user-photo "avatar")] |
||||
[:div.post-info |
||||
[:a.post-info-name.open-profile-modal {:href "#"}] |
||||
[:span.post-info-tag] |
||||
[:a.post-info-time [:span]]] |
||||
[:p.post-text]]) |
||||
|
||||
(defn post-retransmitted-by-template [] |
||||
[:div#post-retransmitted-by-template |
||||
[:i.post-retransmited-icon] |
||||
[:span "twisted again by"] [:span] |
||||
[:a.post-re-transmited-by.open-profile-modal {:href ""}]]) |
||||
|
||||
(defn msg-user-link-template [] |
||||
[:a#msg-user-link-template.open-profile-modal]) |
||||
|
||||
(defn external-page-link-template [] |
||||
[:a#external-page-link-template {:rel "nofollow" :target "_blank"}]) |
||||
|
||||
(defn hashtag-link-template [] |
||||
[:a#hashtag-link-template.open-hashtag-modal]) |
||||
|
||||
(defn avatar-row-template [] |
||||
[:a#avatar-row-template.open-profile-modal {:href ""} |
||||
(user-photo) |
||||
[:span.user-name-tooltip]]) |
||||
|
||||
(defn modal-wrapper [modal-content] |
||||
[:div.modal-wrapper |
||||
[:div.modal-header |
||||
[:h3] |
||||
[:span#closeModal.modal-close "×"] |
||||
[:span.modal-back "<"] |
||||
[:span.mark-all-as-read]] |
||||
[:div.modal-content modal-content] |
||||
[:div.modal-blackout]]) |
||||
|
||||
(defn prompt-wrapper [prompt-content] |
||||
[:div.prompt-wrapper |
||||
[:div.modal-header |
||||
[:h3] |
||||
[:span.modal-close.prompt-close "×"]] |
||||
[:div.modal-content prompt-content]]) |
||||
|
||||
(defn confirm-popup-template [template-content] |
||||
[:div#confirm-popup-template |
||||
[:div.message template-content] |
||||
[:div.modal-buttons |
||||
[:button.confirm] |
||||
[:button.cancel]]]) |
||||
|
||||
(defn retwist-modal-template [] |
||||
[:div#retwist-modal-template |
||||
(post-area) |
||||
[:div.modal-buttons |
||||
[:span.switch-mode "Switch to Reply"]]]) |
||||
|
||||
(defn reply-modal-template [] |
||||
[:div#reply-modal-template |
||||
(post-area) |
||||
[:div.modal-buttons |
||||
[:span.switch-mode "Switch to Retransmit"]]]) |
||||
|
||||
(defn direct-messages-template [] |
||||
[:div.direct-messages-template |
||||
[:ol.direct-messages-list |
||||
;; dm-snippet-template here |
||||
]]) |
||||
|
||||
(defn dm-snippet-template [] |
||||
[:li#dm-snippet-template.module.post.message |
||||
[:div.post-photo (user-photo)] |
||||
[:div.post-info |
||||
[:a.post-info-name.open-profile-modal {:href "#"}] |
||||
[:span.post-info-tag "@"] |
||||
[:a.post-info-time {:href "#" :title ""}] [:span]] |
||||
[:pp.post-text]]) |
||||
|
||||
(defn messages-thread-template [] |
||||
[:div.messages-thread-template |
||||
:ol.direct-messages-thread |
||||
;; dm-chat-template here |
||||
]) |
||||
|
||||
(defn dm-chat-template [] |
||||
[:li#dm-chat-template.module.post.message |
||||
(user-photo) |
||||
[:div.post-info |
||||
[:a.post-info-name.open-profile.modal] |
||||
[:a.post-info-time [:span.post-info-sent] [:span]]] |
||||
[:p.post-text]]) |
||||
|
||||
(defn dm-form-template [] |
||||
[:div.dm-form-template |
||||
[:form.post-area-new.open |
||||
[:textarea {:placeholder "New direct message..."}] |
||||
[:div.post-area.extras |
||||
[:span.post-area-remaining 140] |
||||
[:button.undo-unicode.disabled {:disabled "disabled"} "undo"] |
||||
[:button.dm-submit.disabled |
||||
{:disabled "disabled" |
||||
:title "Direct messages are encrypted; only you and the recipient can read them."}]]]]) |
||||
|
||||
(defn group-messages-profile-modal-control-template [] |
||||
[:div.group-messages-control.b-buttons |
||||
[:button.new "New group"] |
||||
[:button.join "Join group"]]) |
||||
|
||||
(defn group-messages-messages-modal-control-template [] |
||||
[:div.group-messages-control.b-buttons |
||||
[:button.profile "Profile"] |
||||
[:button.invite "Invite peers"] |
||||
[:button.leave "Leave group"] |
||||
[:div.invite-form |
||||
[:textarea] |
||||
[:button.disabled {:disabled "disabled"} "Invite"]]]) |
||||
|
||||
(defn group-profile-modal-template [] |
||||
[:div#group-profile-modal-template |
||||
[:div.profile-card {:data-screen-name ""} |
||||
[:div.profile-card-main |
||||
[:div.profile-bio]]] |
||||
[:div.profile-card-buttons.group-messages.control.b-buttons |
||||
[:button.direct-messages-with-user {:disabled "disabled"} "Messages"] |
||||
[:button.invite {:disabled "disabled"} "Invite peers"] |
||||
[:button.invite {:disabled "disabled"} "Secret Key"] |
||||
[:button.invite {:disabled "disabled"} "Leave group"] |
||||
[:div.invite-form |
||||
[:textarea] |
||||
[:button {:disabled "disabled"} "Invite"]] |
||||
[:div.secret-key]] |
||||
[:div.members]]) |
||||
|
||||
(defn group-profile-member-template [] |
||||
[:div#group-profile-member-template |
||||
[:div.twister-user |
||||
(user-photo-link) |
||||
[:div.twister-user-info {:data-screen-name ""} |
||||
[:a.twister-user-name.open-profile-modal |
||||
[:span.twister-user-full] |
||||
[:span.twister-user-tag]] |
||||
[:div.bio]]]]) |
||||
|
||||
(defn group-messages-new-group-template [] |
||||
[:div#group-messages-new-group-template |
||||
[:div.module |
||||
[:div |
||||
[:p.label "Group description"] |
||||
[:textarea.description {:placeholder "Describe group"}]] |
||||
[:div |
||||
[:p.label "Peers to invite"] |
||||
[:textarea.description {:placeholder "Invite someone"}]] |
||||
[:div |
||||
[:button.create {:disabled "disabled"} "Create"]]]]) |
||||
|
||||
(defn group-messages-join-group-template [] |
||||
[:div#group-messages-join-group-template |
||||
[:div.module |
||||
[:div |
||||
[:p.label "Select group(s)"] |
||||
[:ul.groups-list]] |
||||
[:div [:button.join {:disabled "disabled"} "Join"]]] |
||||
[:div.module |
||||
[:div |
||||
[:p.label "Import secret key"] |
||||
[:input.secret-key-import {:type "textbox" |
||||
:placeholder "52-character secret" |
||||
:size 52 |
||||
:rows 1}]] |
||||
[:p.label "With group alias"] |
||||
[:input.username-import {:type "textbox" |
||||
:placeholder "Type group alias here" |
||||
:size 16 |
||||
:rows 1}] |
||||
[:button.import-secret-key {:disabled "disabled"} "Import key"]]]) |
||||
|
||||
(defn groups-list-item-template [] |
||||
[:div#groups-list-item-template |
||||
[:li |
||||
[:input {:type "checkbox"}] |
||||
[:a.twister-user-name.open-profile-modal] |
||||
[:span.description]]]) |
||||
|
||||
(defn profile-card [] |
||||
[:div.profile-card {:data-screen-name ""} |
||||
[:div.profile-card-main |
||||
(user-photo) |
||||
[:h1.profile-name] |
||||
[:h2.profile-screen-name [:strong "@"]] |
||||
[:div |
||||
[:span.profile-location] |
||||
[:a.profile-url {:rel "nofollow" :target "_blank"}]] |
||||
[:div.profile-bio] |
||||
[:div#msngersw |
||||
[:div#toxbtnwr.profile-extra-contact |
||||
[:a.profile-tox |
||||
[:span.selectable_theme.theme_nin "TOX"]]] |
||||
[:div#bmbtnwr.profile-extra-contact |
||||
[:a.profile-bitmessage |
||||
[:span.selectable_theme.theme_nin "BitMessage"]]]]] |
||||
[:div.twister-user-info |
||||
[:div.clearfix |
||||
[:ul.module.profile-data |
||||
[:li [:a {:href "#"} |
||||
[:span.posts-count " "] |
||||
[:span.label "Posts"]]] |
||||
[:li [:a.open-following-modal {:href "#"} |
||||
[:span.following-count " "] |
||||
[:span.label "Following"]]] |
||||
[:li [:a {:href "#"} |
||||
[:span.followers-count " "] |
||||
[:span.label "Followers"]]]]] |
||||
[:div.profile-card-buttons.b-buttons |
||||
[:button.follow {:href "#"} "Follow"] |
||||
[:button.direct-messages-with-user {:href "#"} "Direct Messages"] |
||||
[:button.mentions-from-user {:href "#"} "Mentions"]]] |
||||
[:div.who-follow]]) |
||||
|
||||
(defn profile-modal-template [] |
||||
[:div#profile-modal-template |
||||
(profile-card) |
||||
[:div.postboard |
||||
[:h2 |
||||
[:span "Posts"] |
||||
[:button.postboard-news {:style {:display "none"}}]] |
||||
[:ol#profile-posts.postboard-posts]]]) |
||||
|
||||
(defn hashtag-modal-template [] |
||||
[:div#hashtag-modal-template |
||||
[:div.postbaord |
||||
[:h2 |
||||
[:span.selectable_theme.theme_original.theme_calm "Posts"] |
||||
[:button.postboard-news {:style {:display "none"}}]] |
||||
[:ol#profile-posts.postboard-posts] |
||||
[:div.postboard-loading {:style {:display "none"}} |
||||
[:div]]]]) |
||||
|
||||
(defn following-modal-template [] |
||||
[:div#following-modal-template |
||||
[:h2 "All users publicly followed by " |
||||
[:span.following-screen-name [:strong "@"]]] |
||||
[:ol |
||||
[:li#following-by-user-template {:style {:display "none"}} |
||||
[:div.mini-following-info {:data-screen-name ""} |
||||
[:a.open-profile-modal {:href "#"} |
||||
(user-photo "mini-profile-photo") |
||||
[:span.mini-following-name "Nobody Yet"] |
||||
[:span.mini-screen-name [:strong.following-screen-name "@"]]]]]]]) |
||||
|
||||
(defn following-config-modal-template [] |
||||
[:div#following-config-modal-template |
||||
[:div.following-config-modal-content {:data-screen-name ""} |
||||
[:h2 |
||||
[:span.following-config-method-message "Which way do you want to follow "] |
||||
[:span.following-screen-name [:strong "@"]] |
||||
":"] |
||||
[:div.following-config-method-buttons |
||||
[:button.public-following "Public"] |
||||
[:button.public-following.private "Private"]]]]) |
||||
Loading…
Reference in new issue