~netlandish/links

064dc8c3d2adcd52f3a30002d239c1e32578643e — Peter Sanchez 3 months ago 401f56e
Working on feature tour page
2 files changed, 82 insertions(+), 94 deletions(-)

M core/routes.go
M templates/feature_tour.html
M core/routes.go => core/routes.go +42 -16
@@ 338,7 338,7 @@ func (s *Service) PricingList(c echo.Context) error {
	pd := localizer.NewPageData(lt.Translate("Pricing"))
	pd.Data["organizations"] = lt.Translate("Organizations")
	pd.Data["organizations_definition"] = lt.Translate(
		"Every account can create unlimited organizations. Each organization can has it's own bookmarks, listings, analytics, etc. All of the features below belong to each organization. Each has their own URL's, groupings, etc. ")
		"Every account can create unlimited organizations. Each organization has it's own bookmarks, listings, analytics, etc. All of the features below belong to each organization with their own unique URL's, groupings, and so on.")

	pd.Data["feature"] = lt.Translate("Feature")
	pd.Data["free"] = lt.Translate("Free")


@@ 425,27 425,53 @@ func (s *Service) FeatureTour(c echo.Context) error {
	pd.Data["api_powered"] = lt.Translate("API Powered")
	pd.Data["import_export"] = lt.Translate("Import Export")
	pd.Data["analytics"] = lt.Translate("Analytics")
	pd.Data["domain_ssl"] = lt.Translate("Custom domain + SSL")
	pd.Data["full_analytics"] = lt.Translate("Full Analytics")

	pd.Data["feature_bookmarks_1"] = lt.Translate("Save public/private links")
	pd.Data["feature_bookmarks_2"] = lt.Translate("Save public/private notes")
	pd.Data["feature_bookmarks_3"] = lt.Translate("Follow other organizations (social)")
	pd.Data["feature_bookmarks_4"] = lt.Translate("Organize by tags")
	pd.Data["feature_bookmarks_5"] = lt.Translate("Advanced filtering/search")
	pd.Data["feature_bookmarks_6"] = lt.Translate("Full RSS feeds")

	pd.Data["public_private"] = lt.Translate("Public/Private")
	pd.Data["description"] = lt.Translate("Description")
	pd.Data["tagging_organize"] = lt.Translate("Tagging to organize")
	pd.Data["custom_domain"] = lt.Translate("Custom domain (ie, links.yourname.com)")

	pd.Data["create_short_links"] = lt.Translate("Create short links")
	pd.Data["tagging_organize"] = lt.Translate("Tagging to organize")
	pd.Data["create_multiple_qr_codes"] = lt.Translate("Create multiple QR codes")
	pd.Data["full_analytics"] = lt.Translate("Full analytics")
	pd.Data["feature_link_short_1"] = lt.Translate("Unlimited short links")
	pd.Data["feature_link_short_2"] = lt.Translate("Organize shorts by tags")
	pd.Data["feature_link_short_3"] = lt.Translate("Filter/Search shorts")
	pd.Data["feature_link_short_4"] = lt.Translate("Unlimited QR codes per short")

	pd.Data["create_link_listings"] = lt.Translate("Create link listings")
	pd.Data["use_profile_bio_links"] = lt.Translate("Use for profile bio links or organized shared listings")
	pd.Data["tagging_organize"] = lt.Translate("Tagging to organize")
	pd.Data["feature_link_listings_1"] = lt.Translate("Create link listings (ie, social media bios, etc.)")
	pd.Data["feature_link_listings_2"] = lt.Translate("Organize listings by tag")
	pd.Data["feature_link_listings_3"] = lt.Translate("Filter/Search listings")
	pd.Data["feature_link_listings_4"] = lt.Translate("Unlimited QR codes per listing")

	pd.Data["business_accounts_can_have_unlimited_members"] = lt.Translate("Business accounts can have unlimited members")
	pd.Data["members_can_add_access_organization"] = lt.Translate("Members can add or access organization links (depending on permission given)")
	pd.Data["feature_collab_integrat_1"] = lt.Translate("Add unlimited members to organization")
	pd.Data["feature_collab_integrat_2"] = lt.Translate("Slack Integration")
	pd.Data["feature_collab_integrat_3"] = lt.Translate("MatterMost Integration")
	pd.Data["feature_collab_integrat_4"] = lt.Translate("Build Your Own Integration")
	pd.Data["feature_collab_integrat_5"] = lt.Translate("Members can add/edit/remove links (if allowed)")
	pd.Data["feature_collab_integrat_6"] = lt.Translate("Members have access based on permissions granted")

	pd.Data["feature_api_powered_1"] = lt.Translate("Full GraphQL API Access")
	pd.Data["feature_api_powered_2"] = lt.Translate("GraphQL Playground")
	pd.Data["feature_api_powered_3"] = lt.Translate("OAuth2 Support")
	pd.Data["feature_api_powered_4"] = lt.Translate("Personal Access Tokens")

	pd.Data["full_graphql_api_giving_complete_access"] = lt.Translate("Full GraphQL API giving complete access to your account")
	pd.Data["oauth2_support_create_integrations"] = lt.Translate("OAuth2 support to create your own integrations")
	pd.Data["personal_access_tokens"] = lt.Translate("Personal access tokens for personal tool integrations")
	pd.Data["feature_import_export_1"] = lt.Translate("Import from Pinboard")
	pd.Data["feature_import_export_2"] = lt.Translate("Import from Firefox")
	pd.Data["feature_import_export_3"] = lt.Translate("Import from Chrome")
	pd.Data["feature_import_export_4"] = lt.Translate("Import from Safari")
	pd.Data["feature_import_export_5"] = lt.Translate("Export in JSON or HTML")

	pd.Data["feature_analytics_1"] = lt.Translate("Full analytics history")
	pd.Data["feature_analytics_2"] = lt.Translate("QR Code specific analytics")
	pd.Data["feature_analytics_3"] = lt.Translate("Click analytics")
	pd.Data["feature_analytics_4"] = lt.Translate("Referer analyitcs")
	pd.Data["feature_analytics_5"] = lt.Translate("Country analytics")
	pd.Data["feature_analytics_6"] = lt.Translate("City analytics")
	pd.Data["feature_analytics_7"] = lt.Translate("Device analytics")

	pd.Data["slack_integration"] = lt.Translate("Slack integration")
	pd.Data["mattermost"] = lt.Translate("Mattermost")

M templates/feature_tour.html => templates/feature_tour.html +40 -78
@@ 7,7 7,7 @@
<section class="card shadow-card">
    <div class="tour-intro">
        <p>
            <strong>Welcome to Link Tako</strong>
            <strong>Welcome to Link Taco</strong>
            lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequuntur fugiat sunt harum
            quia aliquid ipsum eligendi ad atque quasi maiores cumque, facere voluptatem debitis ea
            placeat illo? Atque, aperiam placeat.


@@ 24,14 24,14 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.organize_bookmarks}}</h3>
            <ul>
                <li>{{.pd.Data.public_private}}</li>
                <li>{{.pd.Data.tagging_organize}}</li>
                <li>{{.pd.Data.custom_domain}}</li>
                <li>{{.pd.Data.feature_bookmarks_1}}</li>
                <li>{{.pd.Data.feature_bookmarks_2}}</li>
                <li>{{.pd.Data.feature_bookmarks_3}}</li>
                <li>{{.pd.Data.feature_bookmarks_4}}</li>
                <li>{{.pd.Data.feature_bookmarks_5}}</li>
                <li>{{.pd.Data.feature_bookmarks_6}}</li>
                <li>{{.pd.Data.domain_ssl}}</li>
            </ul>
            <div class="tour-description">
                <p>{{.pd.Data.description}}</p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{ staticURL "img/web/lt_bookmarks_small.png" }}"/>


@@ 41,19 41,13 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.short_links}}</h3>
            <ul>
                <li>{{.pd.Data.create_short_links}}</li>
                <li>{{.pd.Data.tagging_organize}}</li>
                <li>{{.pd.Data.create_multiple_qr_codes}}</li>
                <li>{{.pd.Data.feature_link_short_1}}</li>
                <li>{{.pd.Data.feature_link_short_2}}</li>
                <li>{{.pd.Data.feature_link_short_3}}</li>
                <li>{{.pd.Data.feature_link_short_4}}</li>
                <li>{{.pd.Data.full_analytics}}</li>
                <li>{{.pd.Data.custom_domain}}</li>
                <li>{{.pd.Data.domain_ssl}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_linkshortening_small.png"}}"/>


@@ 63,20 57,13 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.link_lists}}</h3>
            <ul>
                <li>{{.pd.Data.create_link_listings}}</li>
                <li>{{.pd.Data.use_profile_bio_links}}</li>
                <li>{{.pd.Data.tagging_organize}}</li>
                <li>{{.pd.Data.create_multiple_qr_codes}}</li>
                <li>{{.pd.Data.feature_link_listings_1}}</li>
                <li>{{.pd.Data.feature_link_listings_2}}</li>
                <li>{{.pd.Data.feature_link_listings_3}}</li>
                <li>{{.pd.Data.feature_link_listings_4}}</li>
                <li>{{.pd.Data.full_analytics}}</li>
                <li>{{.pd.Data.custom_domain}}</li>
                <li>{{.pd.Data.domain_ssl}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_linklistings_small.png"}}"/>


@@ 86,16 73,10 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.collaboration}}</h3>
            <ul>
                <li>{{.pd.Data.business_accounts_can_have_unlimited_members}}</li>
                <li>{{.pd.Data.members_can_add_access_organization}}</li>
                <li>{{.pd.Data.feature_collab_integrat_1}}</li>
                <li>{{.pd.Data.feature_collab_integrat_5}}</li>
                <li>{{.pd.Data.feature_collab_integrat_6}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_collaborate_small.png"}}"/>


@@ 105,17 86,10 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.integrations}}</h3>
            <ul>
                <li>{{.pd.Data.slack_integration}}</li>
                <li>{{.pd.Data.mattermost}}</li>
                <li>{{.pd.Data.use_external_tools}}</li>
                <li>{{.pd.Data.feature_collab_integrat_2}}</li>
                <li>{{.pd.Data.feature_collab_integrat_3}}</li>
                <li>{{.pd.Data.feature_collab_integrat_4}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_integrations_small.png"}}"/>


@@ 125,17 99,11 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.api_powered}}</h3>
            <ul>
                <li>{{.pd.Data.full_graphql_api_giving_complete_access}}</li>
                <li>{{.pd.Data.oauth2_support_create_integrations}}</li>
                <li>{{.pd.Data.personal_access_tokens}}</li>
                <li>{{.pd.Data.feature_api_powered_1}}</li>
                <li>{{.pd.Data.feature_api_powered_2}}</li>
                <li>{{.pd.Data.feature_api_powered_3}}</li>
                <li>{{.pd.Data.feature_api_powered_4}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_graphql_small.png"}}"/>


@@ 145,16 113,12 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.import_export}}</h3>
            <ul>
                <li>{{.pd.Data.import_pinboard}}</li>
                <li>{{.pd.Data.export_json}}</li>
                <li>{{.pd.Data.feature_import_export_1}}</li>
                <li>{{.pd.Data.feature_import_export_2}}</li>
                <li>{{.pd.Data.feature_import_export_3}}</li>
                <li>{{.pd.Data.feature_import_export_4}}</li>
                <li>{{.pd.Data.feature_import_export_5}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_import_small.png"}}"/>


@@ 164,16 128,14 @@
        <div class="col-8">
            <h3 class="tour-title">{{.pd.Data.analytics}}</h3>
            <ul>
                <li>{{.pd.Data.import_pinboard}}</li>
                <li>{{.pd.Data.export_json}}</li>
                <li>{{.pd.Data.feature_analytics_1}}</li>
                <li>{{.pd.Data.feature_analytics_2}}</li>
                <li>{{.pd.Data.feature_analytics_3}}</li>
                <li>{{.pd.Data.feature_analytics_4}}</li>
                <li>{{.pd.Data.feature_analytics_5}}</li>
                <li>{{.pd.Data.feature_analytics_6}}</li>
                <li>{{.pd.Data.feature_analytics_7}}</li>
            </ul>
            <div class="tour-description">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptate illo alias fugit
                    nobis, accusamus, quae eius repellat quaerat.
                </p>
                <p>— Juan Perez, Netlandish Inc.</p>
            </div>
        </div>
        <div class="col-4">
            <img class="tour-section-img" src="{{staticURL "img/web/lt_analytics_small.png"}}"/>