Customise html layout

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

Hide file tree

Showing 2 changed files with 81 additions and 0 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,56 @@
+<!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">
+      <div class="eduxchange_header"><a class="eduxchange_header_link" href="/">EduXchange.EU</a></div>
+        <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,28 @@
     padding: 20px 10px;
     margin: 0 auto;
 }
+
+#header_wrap .inner {
+    padding: 20px 10px 30px 10px;
+}
+
+#editthispage {
+  float: right;
+}
+
+.eduxchange_header {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #004c97;
+}
+.eduxchange_header_link {
+    flex-grow: 1;
+    font-size: 1.625rem;
+    line-height: 2.25rem;
+    text-decoration: none;
+    font-family: var(--nunito), sans-serif;
+    color: #fff;
+    padding: .375rem .75rem;
+}