Customise html layout

SURFnet · Oct 17, 2024 · bd13a30 · bd13a30
1 parent 346ca00
commit bd13a30
Show file tree

Hide file tree

Showing 2 changed files with 63 additions and 0 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">
+
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,maximum-scale=2">
+    <link rel="stylesheet" type="text/css" media="screen" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
+
+{% seo %}
+    {% include head-custom.html %}
+  </head>
+
+  <body>
+
+    <!-- HEADER -->
+    <div id="header_wrap" class="outer">
+        <header class="inner">
+          {% if site.github.is_project_page %}
+            <!-- <a id="forkme_banner" href="{{ site.github.repository_url }}">View on GitHub</a> -->
+            <a id="editthispage" href="{{site.github.repository_url}}/edit/main/{{page.path}}">Edit this page</a>
+          {% endif %}
+
+          <a id="home link title" href="/">
+            <h1 id="project_title">{{ site.title | default: site.github.repository_name }}</h1>
+          </a>
+          <h2 id="project_tagline">{{ site.description | default: site.github.project_tagline }}</h2>
+
+          {% if site.show_downloads %}
+            <section id="downloads">
+              <a class="zip_download_link" href="{{ site.github.zip_url }}">Download this project as a .zip file</a>
+              <a class="tar_download_link" href="{{ site.github.tar_url }}">Download this project as a tar.gz file</a>
+            </section>
+          {% endif %}
+        </header>
+    </div>
+
+    <!-- MAIN CONTENT -->
+    <div id="main_content_wrap" class="outer">
+      <section id="main_content" class="inner">
+        {{ content }}
+      </section>
+    </div>
+
+    <!-- FOOTER  -->
+    <div id="footer_wrap" class="outer">
+      <footer class="inner">
+        {% if site.github.is_project_page %}
+        <p class="copyright">{{ site.title | default: site.github.repository_name }} maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p>
+        {% endif %}
+        <p>Published with <a href="https://pages.github.com">GitHub Pages</a></p>
+      </footer>
+    </div>
+  </body>
+</html>
diff --git a/assets/css/style.scss b/assets/css/style.scss
@@ -9,3 +9,11 @@
     padding: 20px 10px;
     margin: 0 auto;
 }
+
+#header_wrap .inner {
+    padding: 20px 10px 30px 10px;
+}
+
+#editthispage {
+  float: right;  
+}