update footer text

kvaps · Jun 30, 2019 · fda8038 · fda8038
1 parent 1d86710
commit fda8038
Show file tree

Hide file tree

Showing 5 changed files with 64 additions and 12 deletions.
diff --git a/config.yaml b/config.yaml
@@ -1,6 +1,17 @@
 title: "OpenNebula Static Marketplace"
 
 params:
-  title: "OpenNebula Appliances"
+  title: "OpenNebula Static Marketplace"
   buttontext: "Download image"
-  footertext: "Generated by **[OpenNebula Static Marketplace Generator](https://github.com/kvaps/opennebula-static-marketplace)** @ [kvaps](https://github.com/kvaps)"
+  footertext: |
+    If you want to use this marketplace in your OpenNebula
+
+    Install **[OpenNebula Static Marketplace Driver](https://github.com/kvaps/addon-appmarket-static#driver-installation)** and configure the next endpoint
+
+    ```
+    NAME = "Static Marketplace"
+    MARKET_MAD = "static"
+    ENDPOINT = "https://github.com/kvaps/addon-appmarket-static/raw/master/public/metadata/index.html"
+    ```
+  footerleft: "Images metadata imported from the official **[OpenNebula Marketplace](https://marketplace.opennebula.systems/appliance)**"
+  footerright: "Generated by **[OpenNebula Static Marketplace](https://github.com/kvaps/addon-static-marketplace)**"
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,3 +1,5 @@
 <footer>			
-	{{ with .Site.Params.footertext }}{{ . | markdownify }}{{ end }}
-</footer>
+    {{ with .Site.Params.footertext }}<div class="footercenter">{{ . | markdownify }}</div>{{ end }}
+    {{ with .Site.Params.footerleft }}<div class="footerleft">{{ . | markdownify }}</div>{{ end }}
+    {{ with .Site.Params.footerright }}<div class="footerright">{{ . | markdownify }}</div>{{ end }}
+</footer>
diff --git a/public/css/default.css b/public/css/default.css
@@ -79,7 +79,21 @@ a {
 	text-align: center;
 	padding: 50px 20px;
 }
-footer {
-    float: right;
-    padding-right: 40px;
+.footercenter {
+    padding: 50px 20% 50px 20%;
+}
+.footercenter p {
+    padding: 5px 0 5px 0;
+    text-align: center;
+}
+.footerleft {
+    float: left;
+    padding: 20px;
+    width: 50%;
+}
+.footerright {
+    float: left;
+    text-align: right;
+    padding: 20px;
+    width: 50%;
 }
diff --git a/public/index.html b/public/index.html
@@ -26,7 +26,7 @@
 	<body>
 		<div class="container">	
 							<header class="clearfix">
-				<h1>OpenNebula Appliances<span></span></h1>
+				<h1>OpenNebula Static Marketplace<span></span></h1>
 			</header>
 			<div class="main">
 				<ul id="og-grid" class="og-grid">
@@ -1316,8 +1316,19 @@ <h4>vm template:</h4><pre><code>CONTEXT = [ NETWORK  =&#34;YES&#34;,SSH_PUBLIC_K
 
 				</ul>
 				<footer>			
-	Generated by <strong><a href="https://github.com/kvaps/opennebula-static-marketplace">OpenNebula Static Marketplace Generator</a></strong> @ <a href="https://github.com/kvaps">kvaps</a>
+    <div class="footercenter"><p>If you want to use this marketplace in your OpenNebula</p>
+
+<p>Install <strong><a href="https://github.com/kvaps/addon-appmarket-static#driver-installation">OpenNebula Static Marketplace Driver</a></strong> and configure the next endpoint</p>
+
+<pre><code>NAME = &quot;Static Marketplace&quot;
+MARKET_MAD = &quot;static&quot;
+ENDPOINT = &quot;https://github.com/kvaps/addon-appmarket-static/raw/master/public/metadata/index.html&quot;
+</code></pre>
+</div>
+    <div class="footerleft">Images metadata imported from the official <strong><a href="https://marketplace.opennebula.systems/appliance">OpenNebula Marketplace</a></strong></div>
+    <div class="footerright">Generated by <strong><a href="https://github.com/kvaps/addon-static-marketplace">OpenNebula Static Marketplace</a></strong></div>
 </footer>
+
 			</div>
 		</div>
 				<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

diff --git a/static/css/default.css b/static/css/default.css
@@ -79,7 +79,21 @@ a {
 	text-align: center;
 	padding: 50px 20px;
 }
-footer {
-    float: right;
-    padding-right: 40px;
+.footercenter {
+    padding: 50px 20% 50px 20%;
+}
+.footercenter p {
+    padding: 5px 0 5px 0;
+    text-align: center;
+}
+.footerleft {
+    float: left;
+    padding: 20px;
+    width: 50%;
+}
+.footerright {
+    float: left;
+    text-align: right;
+    padding: 20px;
+    width: 50%;
 }