added more space, panel notice, url docs

cmd/web/app-links.go

@@ -8,8 +8,11 @@ import (
 type AppLink struct {
 	Title string
 	Url string
+	DocumentationUrl string
 	Image string
 	Description string
+	SpecialNote string
+	LDAP bool
 }
 
 func getAppLinks(tier, baseUri string) []AppLink {
@@ -37,28 +40,35 @@ func getAppLinks(tier, baseUri string) []AppLink {
 func getStarterLinks(baseUri string) []AppLink {
 	return []AppLink {
 		{
-			Title: "User Management",
-			Description: "Create and Manage Users",
+			Title: "Panel",
+			Description: "Create & Manage Users",
 			Image: "/static/img/users.png",
 			Url: "https://panel." + baseUri + "/log_in/",
+			LDAP: true,
+			DocumentationUrl: "https://documentation.federated.computer/docs/core_applications/panel/",
 		},
 		{
 			Title: "Nextcloud",
 			Description: "Email, Files, Documents",
 			Image: "/static/img/nextcloud.png",
 			Url: "https://nextcloud." + baseUri,
+			LDAP: true,
+			DocumentationUrl: "https://docs.nextcloud.com/server/latest/user_manual/en/",
 		},
 		{
 			Title: "Vaultwarden",
-			Description: "Password Management",
+			Description: "Passwords",
 			Image: "/static/img/vaultwarden.png",
 			Url: "https://vaultwarden." + baseUri,
+			LDAP: false,
+			SpecialNote: "Must create your own admin user at setup.",
 		},
 		{
 			Title: "Power DNS",
 			Description: "DNS Management",
 			Image: "/static/img/powerdns.png",
 			Url: "https://powerdns." + baseUri,
+			LDAP: false,
 		},
 	}
 }
@@ -70,12 +80,14 @@ func getCreatorLinks(baseUri string) []AppLink {
 			Description: "Team Chat",
 			Image: "/static/img/element.png",
 			Url: "https://element." + baseUri,
+			LDAP: true,
 		},
 		{
 			Title: "Wordpress",
-			Description: "Your website",
+			Description: "Your Website",
 			Image: "/static/img/wordpress.png",
 			Url: "https://" + baseUri + "/wp-admin",
+			LDAP: false,
 		},
 	}
 
@@ -86,15 +98,17 @@ func getTeamsLinks(baseUri string) []AppLink {
 	teamsLinks := []AppLink {
 		{
 			Title: "Espo CRM",
-			Description: "Customer relationship manager",
+			Description: "Customer Relationship Manager",
 			Image: "/static/img/espo.png",
 			Url: "https://espocrm." + baseUri,
+			LDAP: true,
 		},
 		{
 			Title: "FreeScout",
 			Description: "Customer Help Desk",
 			Image: "/static/img/freescout.png",
 			Url: "https://freescout." + baseUri,
+			LDAP: false,
 		},
 	}
 
@@ -108,36 +122,44 @@ func getEnterpriseLinks(baseUri string) []AppLink {
 			Description: "Video Chat",
 			Image: "/static/img/jitsi.png",
 			Url: "https://jitsi." + baseUri,
+			LDAP: true,
 		},
 		{
 			Title: "Listmonk",
 			Description: "Email Marketing",
 			Image: "/static/img/listmonk.png",
 			Url: "https://listmonk." + baseUri,
+			LDAP: false,
 		},
 		{
 			Title: "Baserow",
 			Description: "Visual Databases",
 			Image: "/static/img/baserow.png",
 			Url: "https://baserow." + baseUri,
+			LDAP: false,
+			DocumentationUrl: "https://baserow.io/user-docs",
 		},
 		{
 			Title: "Bookstack",
 			Description: "Wiki Knowledgebase",
 			Image: "/static/img/bookstack.png",
 			Url: "https://bookstack." + baseUri,
+			LDAP: false,
+			DocumentationUrl: "https://www.bookstackapp.com/docs/",
 		},
 		{
 			Title: "Gitea",
 			Description: "GIT Source Control",
 			Image: "/static/img/gitea.png",
 			Url: "https://gitea." + baseUri,
+			LDAP: false,
 		},
 		{
 			Title: "Castopod",
 			Description: "Podcast Distribution",
 			Image: "/static/img/castopod.png",
 			Url: "https://castopod." + baseUri + "/cp-auth/login",
+			LDAP: false,
 		},	
 	}
 

ui/html/pages/home.tmpl.html

@@ -2,7 +2,7 @@
 
 {{define "main"}}
     <section class="app-links">
-        <h2 class="app-links-title">Apps for {{.BaseUri}} on the {{.Tier}} plan.</h2>
+        <h2 class="app-links-title">Apps for {{.BaseUri}} on the {{.Tier}} plan:</h2>
         <div class="app-links-container">
             <!-- LOOP HERE -->
             {{range .AppLinks}}
@@ -11,6 +11,17 @@
                         <img src="{{.Image}}" alt="" class="app-link-card__image">
                         <h3 class="app-link-card__title">{{.Title}}</h3>
                         <p class="app-link-card__description">{{.Description}}</p>
+                        {{with .DocumentationUrl}}
+                            <p><a href="{{.}}" class="documentation-link" target="_blank">Documentation</a></p>
+                        {{end}}
+                        {{if .LDAP}}
+                            <p class="app-link-card__ldap-notice">*Users Managed Via Panel</p>
+                        {{else}}
+                            <p class="app-link-card__ldap-notice">*Users Not Managed Via Panel</p>
+                        {{end}}
+                        {{with .SpecialNote}}
+                            <p class="app-link-card__ldap-notice">*{{.}}</p>
+                        {{end}}
                     </div>
                 </a>
             {{end}}

ui/html/partials/nav.tmpl.html

@@ -1,7 +1,7 @@
 {{define "nav"}}
 <nav class="nav main-grid">
     <ul class="nav-list">
-        <li class="nav-link"><a href="/">Apps</a></li>
+        <!-- <li class="nav-link"><a href="/">Apps</a></li> -->
         <!-- <li class="nav-link"><a href="/vpn">VPN</a></li> -->
     </ul>
 </nav>

ui/static/css/styles.css

@@ -73,13 +73,14 @@ h1 {
 
 .header__title {
     grid-column: 2/3;
+    margin-top: 2em;
 }
 
 /* Nav */
 
 .nav {
     text-align: center;
-    margin-bottom: 10vh;
+    margin-bottom: 1em;
     grid-column: 2/3;
 }
 
@@ -114,6 +115,7 @@ h1 {
     grid-template-columns: repeat(3, 1fr);
     justify-items: center;
     margin-top: 3em;
+    gap: 3em;
 }
 
 @media (max-width: 449px) {
@@ -125,6 +127,7 @@ h1 {
 .app-link-card-link {
     text-decoration: none;
     color: black;
+    display: contents;
 }
 
 .app-link-card {
@@ -143,6 +146,10 @@ h1 {
     color: rgb(122, 116, 116);
 }
 
+.app-link-card__ldap-notice {
+    font-size: .75rem;
+}
+
 /* Footer */ 
 
 .footer {