rewritten complete layout

faiproject · Feb 17, 2023 · 48cc8b5 · 48cc8b5
1 parent 66c1f0a
commit 48cc8b5
Show file tree

Hide file tree

Showing 3 changed files with 141 additions and 28 deletions.
diff --git a/header.html b/header.html
@@ -1,9 +1,89 @@
-<nav>
-  <div class="nav-wrapper grey darken-3">
-    <a href="/" class="brand-logo">FAI - Fully Automatic Installation</a>
-    <ul class="right hide-on-med-and-down">
-      <li><a href="/FAIme">FAIme</a></li>
-      <li><a href="/contact">Contact</a></li>
-    </ul>
+<nav class="nav-extended grey darken-3">
+  <div class="nav-wrapper">
+    <a href="/" class="brand-logo center">F A I</a>
+    <a href="#" data-target="sidenav" class="sidenav-trigger show-on-large"><i class="material-icons">menu</i></a>
+
+  </div>
+  <div class="nav-content">
+
   </div>
 </nav>
+
+<ul class="sidenav" id="sidenav">
+  <ul class="collapsible">
+    <li>
+      <div class="collapsible-header">
+	<a href="/">Home</a><i class="material-icons">arrow_drop_down</i>
+      </div>
+      <div class="collapsible-body">
+	<ul>
+          <li><a href="/references/">References</a></li>
+          <li><a href="/features/">Features</a></li>
+          <li><a href="/poster/">Poster / Flyer</a></li>
+          <li><a href="/reports/">Case studies</a></li>
+          <li><a href="/mailinglist/">Mailing Lists / IRC / Wiki</a></li>
+          <li><a href="/cluster/">Clusters built with FAI</a></li>
+	</ul>
+      </div>
+    </li>
+
+    <li>
+      <div class="collapsible-header">
+	<a href="/FAIme/">FAI.me / Build your own</a>
+      </div>
+    </li>
+
+    <li>
+      <div class="collapsible-header">
+	<a href="/screenshots/">Videos / Screenshots</a>
+      </div>
+    </li>
+
+    <li>
+      <div class="collapsible-header">
+	<a href="/fai-cd/" title="Download">Download</a><i class="material-icons">arrow_drop_down</i>
+      </div>
+      <div class="collapsible-body">
+	<ul>
+          <li><a href="/fai-cd/" title="FAI CD">FAI CD</a></li>
+          <li><a href="/download/">Packages</a></li>
+          <li><a href="/download/basefiles/" title="Basefiles">Basefiles</a></li>
+	</ul>
+      </div>
+    </li>
+
+    <li>
+      <div class="collapsible-header">
+	<a href="/guide/">Documentation</a><i class="material-icons">arrow_drop_down</i>
+      </div>
+      <div class="collapsible-body">
+	<ul>
+          <li><a href="/fai-guide/">FAI Guide</a></li>
+          <li><a href="/doc/man/" title="man pages">Manual pages</a></li>
+          <li><a href="/otherdocs/">Other documentation</a></li>
+          <li><a href="/talks/">Talk slides and videos</a></li>
+	</ul>
+      </div>
+    </li>
+
+    <li>
+      <div class="collapsible-header">
+	<a href="/sources/">Developers</a><i class="material-icons">arrow_drop_down</i>
+      </div>
+      <div class="collapsible-body">
+	<ul>
+          <li><a href="/sources/" title="Sources">Sources / Bugs</a></li>
+          <li><a href="/roadmap/" title="Roadmap">Roadmap</a></li>
+          <li><a href="/team/" title="Team">Team</a></li>
+	</ul>
+      </div>
+    </li>
+
+    <li>
+      <div class="collapsible-header">
+	<a href="/contact/" title="Contact">Contact / Support</a>
+      </div>
+    </li>
+
+  </ul>
+</ul>
diff --git a/index.html b/index.html
@@ -14,31 +14,63 @@
   </head>
 
   <body>
-
+    <!--#include virtual="header.html" -->
     <div class="container">
-      <!--#include virtual="header.html" -->
       <div class="row">
-	<div class="col s12 m4 l3">
-	  <!--#include virtual="sidebar.html" -->
+	<div class="col s12 z-depth-3 center orange">
+	  <h6> Motto: Plan your installation, and FAI installs your plan.</h6>
+	</div>
+      </div>
+      <div class="row">
+	<div class="col s12 m6 l4">
+	  <div class="card grey darken-2">
+	    <div class="card-content white-text">
+              <span class="card-title">About FAI</span>
+              <p>FAI is a tool for unattended mass deployment of Linux. It's a
+		system to install and configure Linux systems and software
+		packages on computers as well as virtual machines, from small
+		labs to large-scale infrastructures like clusters and virtual
+		environments. You can take one or more virgin PC's, turn on
+		the power, and after a few minutes, the systems are installed,
+		and completely configured to your exact needs, without any
+		interaction necessary.</p>
+            </div>
+	  </div>
 	</div>
-	<div class="col s12 m8 l9">
-	  <blockquote>
-	    FAI is a tool for unattended mass deployment of Linux. It's a
-	    system to install and configure Linux systems and software
-	    packages on computers as well as virtual machines, from small
-	    labs to large-scale infrastructures like clusters and virtual
-	    environments. You can take one or more virgin PC's, turn on
-	    the power, and after a few minutes, the systems are installed,
-	    and completely configured to your exact needs, without any
-	    interaction necessary.
-	    <br><br>
-	    It can be used for creating custom disk images used in virtual
-	    machines or on a cloud-computing platform. using
-	    the <a href="/FAIme">FAI.me build service</a>.
-	  </blockquote>
+
+	<div class="col s12 m6 l4">
+	  <div class="card grey darken-2">
+	    <div class="card-content white-text">
+              <span class="card-title">About FAI.me</span>
+              <p>FAI.me is a tool to create custom Debian disk images used on
+		desktop, in virtual machines or on a cloud-computing
+		platform.
+            </div>
+	    <div class="card-action">
+              <a href="/FAIme">FAI.me</a>
+            </div>
+	  </div>
 	</div>
-	<div class="col s12 m8 l9 center orange">
-	  <h6> Motto: Plan your installation, and FAI installs your plan.</h6>
+
+	<div class="col s12 m6 l4">
+	  <div class="card grey darken-2">
+	    <div class="card-content white-text">
+              <span class="card-title">News</span>
+              <ul class="collection">
+		<li class="collection-item grey darken-2">
+		  [Apr 28, 2020] FAI 5.9.4 is released, new images
+		  available including <b>UEFI</b> support
+		</li>
+		<li class="collection-item grey darken-2">
+		  [Oct 11-16 2019] Thomas was in Boston, MA joining
+		  the Debian Cloud sprint
+		</li>
+		<li class="collection-item grey darken-2">
+		  [Nov 27, 2017] <b>I <a href="https://lists.uni-koeln.de/pipermail/linux-fai/2017-November/011869.html">announced</a> the <a href="/FAIme">FAI.me</a> service</b>
+		</li>
+	      </ul>
+	    </div>
+	  </div>
 	</div>
 
       </div>

diff --git a/sidebar.html b/sidebar.html
@@ -72,4 +72,5 @@
       <a href="/contact/" title="Contact">Contact / Support</a>
     </div>
   </li>
+
 </ul>