feat/customized-footer (#197)

Author: stevius10

config/attributes/default.rb

@@ -1,3 +1,7 @@
+default['title']                      = "Proxmox-GitOps"
+default['online']                     = "https://github.com/stevius10/Proxmox-GitOps"
+default['version']                    = "v1.2-2"
+
 default['id']                         = ENV['ID']
 default['host']                       = (default['ip'] = ENV['IP'].to_s.presence || "127.0.0.1")
 default['key']                        = ENV['KEY'].to_s.presence || "/share/.ssh/#{node['id']}"

config/recipes/customize.rb

@@ -13,6 +13,7 @@
     owner node['app']['user']
     group node['app']['group']
     mode '0644'
+    variables(title: node['title'])
   end
 end
 
@@ -31,5 +32,6 @@
     owner node['app']['user']
     group node['app']['group']
     mode '0644'
+    variables(title: node['title'], online: node['online'], version: node['version'])
   end
 end

config/templates/custom/css/hide.css.erb

@@ -5,6 +5,8 @@
 #navbar .item[href$="/explore/organizations"]{display:none!important}
 #navbar .item[href$="https://docs.gitea.com"]{display:none!important}
 
+.page-footer:not(#customized-footer){display:none!important}
+
 .ui.menu .item:has(.resize-for-semibold[data-text="Aktivität"]){display:none!important}
 .ui.menu .item:has(.resize-for-semibold[data-text="Activity"]){display:none!important}
 

config/templates/custom/css/logo.css.erb

@@ -1,4 +1,4 @@
 #navbar-logo img{display:none!important}
 #navbar-logo{display:flex;align-items:center;gap:.5rem}
-#navbar-logo::after{content:"Proxmox-GitOps";font-weight:600;font-size:1.05rem;line-height:1;color:inherit;letter-spacing:.2px;white-space:nowrap}
+#navbar-logo::after{content:"<%= @title %>";font-weight:600;font-size:1.05rem;line-height:1;color:inherit;letter-spacing:.2px;white-space:nowrap}
 @media (max-width: 767.98px){#navbar-logo::after{font-size:.95rem}}

config/templates/custom/templates/footer.tmpl.erb

@@ -0,0 +1,16 @@
+<footer id="customized-footer" class="page-footer" role="group" aria-label="Footer">
+  <div class="left-links" role="contentinfo" aria-label="About Software">
+    <a href="<%= @online %>"><%= @title %></a> <%= @version %>
+  </div>
+
+  <div class="right-links" role="group" aria-label="Links">
+    <div class="ui dropdown upward" tabindex="0" role="menu" aria-haspopup="" aria-controls="_aria_auto_id_0" aria-expanded="false">
+      <span class="flex-text-inline"><svg viewBox="0 0 16 16" class="svg octicon-globe" aria-hidden="true" width="14" height="14"></svg> English</span>
+      <div class="menu language-menu" tabindex="-1" id="_aria_auto_id_0" role="">
+        <a lang="en-US" data-url="/?lang=en-US" class="item selected" id="_aria_auto_id_1" role="menuitem" tabindex="-1">English</a>
+      </div>
+    </div>
+    <a href="/assets/licenses.txt">Gitea</a>
+  </div>
+
+</footer>