M static/css/style.css => static/css/style.css +4 -0
@@ 423,3 423,7 @@ a.bullet-link:before {
margin-left: 80px;
margin-bottom: 25px;
}
+
+.tour-section-img {
+ margin-top: 15px;
+}
A static/img/example.png => static/img/example.png +0 -0
M templates/base.html => templates/base.html +2 -0
@@ 37,6 37,7 @@
{{ end }}
<nav class="sidebar">
<ul class="list-unstyled pl-0">
+ {{if not .isAuthorized}}
<li>
<a class="menu-item{{if eq .navFlag "tour"}} menu-item--active{{end}}" href="{{reverse "core:feature_tour"}}">
<svg class="menu-item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
@@ 45,6 46,7 @@
<span>{{.base_pd.Data.tour}}</span>
</a>
</li>
+ {{end}}
<li>
<a class="menu-item{{if eq .navFlag "recent"}} menu-item--active{{end}}" href="{{reverse "core:recent_link_list"}}">
<svg class="menu-item__icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
M templates/feature_tour.html => templates/feature_tour.html +74 -39
@@ 3,51 3,86 @@
<h1 class="app-header__title">{{.pd.Title}}</h1>
</section>
<section class="card shadow-card">
- <h4>{{.pd.Data.organize_bookmarks}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.public_private}}</h5>
- <h5>{{.pd.Data.description}}</h5>
- <h5>{{.pd.Data.tagging_organize}}</h5>
- <h5>{{.pd.Data.custom_domain}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.organize_bookmarks}}</h4>
+ <h5>{{.pd.Data.public_private}}</h5>
+ <h5>{{.pd.Data.description}}</h5>
+ <h5>{{.pd.Data.tagging_organize}}</h5>
+ <h5>{{.pd.Data.custom_domain}}</h5>
+ </div>
</div>
- <h4>{{.pd.Data.short_links}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.create_short_links}}</h5>
- <h5>{{.pd.Data.tagging_organize}}</h5>
- <h5>{{.pd.Data.create_multiple_qr_codes}}</h5>
- <h5>{{.pd.Data.full_analytics}}</h5>
- <h5>{{.pd.Data.custom_domain}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.short_links}}</h4>
+ <h5>{{.pd.Data.create_short_links}}</h5>
+ <h5>{{.pd.Data.tagging_organize}}</h5>
+ <h5>{{.pd.Data.create_multiple_qr_codes}}</h5>
+ <h5>{{.pd.Data.full_analytics}}</h5>
+ <h5>{{.pd.Data.custom_domain}}</h5>
+ </div>
</div>
- <h4>{{.pd.Data.link_lists}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.create_link_listings}}</h5>
- <h5>{{.pd.Data.use_profile_bio_links}}</h5>
- <h5>{{.pd.Data.tagging_organize}}</h5>
- <h5>{{.pd.Data.create_multiple_qr_codes}}</h5>
- <h5>{{.pd.Data.full_analytics}}</h5>
- <h5>{{.pd.Data.custom_domain}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.link_lists}}</h4>
+ <h5>{{.pd.Data.create_link_listings}}</h5>
+ <h5>{{.pd.Data.use_profile_bio_links}}</h5>
+ <h5>{{.pd.Data.tagging_organize}}</h5>
+ <h5>{{.pd.Data.create_multiple_qr_codes}}</h5>
+ <h5>{{.pd.Data.full_analytics}}</h5>
+ <h5>{{.pd.Data.custom_domain}}</h5>
+ </div>
</div>
- <h4>{{.pd.Data.collaboration}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.business_accounts_can_have_unlimited_members}}</h5>
- <h5>{{.pd.Data.members_can_add_access_organization}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.collaboration}}</h4>
+ <h5>{{.pd.Data.business_accounts_can_have_unlimited_members}}</h5>
+ <h5>{{.pd.Data.members_can_add_access_organization}}</h5>
+ </div>
</div>
- <h4>{{.pd.Data.integrations}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.slack_integration}}</h5>
- <h5>{{.pd.Data.mattermost}}</h5>
- <h5>{{.pd.Data.use_external_tools}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.integrations}}</h4>
+ <h5>{{.pd.Data.slack_integration}}</h5>
+ <h5>{{.pd.Data.mattermost}}</h5>
+ <h5>{{.pd.Data.use_external_tools}}</h5>
+ </div>
</div>
- <h4>{{.pd.Data.api_powered}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.full_graphql_api_giving_complete_access}}</h5>
- <h5>{{.pd.Data.oauth2_support_create_integrations}}</h5>
- <h5>{{.pd.Data.personal_access_tokens}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.api_powered}}</h4>
+ <h5>{{.pd.Data.full_graphql_api_giving_complete_access}}</h5>
+ <h5>{{.pd.Data.oauth2_support_create_integrations}}</h5>
+ <h5>{{.pd.Data.personal_access_tokens}}</h5>
+ </div>
</div>
- <h4>{{.pd.Data.import_export}}</h4>
- <div class="tour-section">
- <h5>{{.pd.Data.import_pinboard}}</h5>
- <h5>{{.pd.Data.export_json}}</h5>
+ <div class="tour-section row">
+ <div class="col">
+ <img class="tour-section-img" src="{{staticURL "img/example.png"}}"/>
+ </div>
+ <div class="col">
+ <h4>{{.pd.Data.import_export}}</h4>
+ <h5>{{.pd.Data.import_pinboard}}</h5>
+ <h5>{{.pd.Data.export_json}}</h5>
+ </div>
</div>
</section>
{{template "base_footer" .}}
