Use a other but minimal design

NetCaptive · Oct 4, 2023 · 95541ef · 95541ef
1 parent 8620e24
commit 95541ef
Show file tree

Hide file tree

Showing 24 changed files with 785 additions and 44 deletions.
diff --git a/_config.yml b/_config.yml
@@ -5,7 +5,6 @@ description: >-
 
 url: https://robchahin.github.io/sso-wall-of-shame
 
-theme: jekyll-theme-cayman
 kramdown:
   parse_block_html: true
 

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,2 @@
+<footer>ssotax.org is a <a href="https://github.com/ssotax/ssotax" target="_blank">community project</a>, originally
+  started by Rob Chahin.</footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,19 @@
+<head>
+	<!-- Meta -->
+	<meta charset="UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+	<meta name="generator" content="Jekyll">
+
+	<title>{%if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+  <meta name="description" content="{%if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+
+	<!-- CSS & fonts -->
+	<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl | replace: '//', '/' }}">
+
+	<!-- RSS -->
+	<link href="/atom.xml" type="application/atom+xml" rel="alternate" title="ATOM Feed" />
+
+  <!-- Favicon -->
+  <link rel="shortcut icon" type="image/png" href="img/favicon.png">
+
+</head>
diff --git a/_includes/header-custom.html b/_includes/header-custom.html
@@ -0,0 +1,5 @@
+<header id="header">
+
+	<!-- Your custom header here -->
+
+</header>
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,26 @@
+<header id="header" class="parent justify-spaceBetween">
+  <div class="inner w100 relative">
+    <span class="f-left">  
+      <a href="{{ site.baseurl }}/">
+        <h1>
+          <span>mono</span>chrome
+        </h1>
+      </a>
+    </span>
+    <span id="nav-links" class="absolute right bottom">
+      <!-- Nav pages -->
+	    {% for page in site.pages %}
+	      {% if page.layout == "page" %}
+	        <a href="{% if site.baseurl == "/" %}{{ page.url }}{% else %}{{ page.url | prepend: site.baseurl }}{% endif %}" title="{{ page.title }}">{{ page.title }}</a>
+	      {% endif %}
+	    {% endfor %}
+
+      <!-- Nav links -->
+	    {% include link.html %}
+
+    </span>
+  </div>
+</header>
+
+
+
diff --git a/_includes/link.html b/_includes/link.html
@@ -0,0 +1,2 @@
+<a href="https://github.com/thereviewindex/monochrome/archive/master.zip">Download</a>
+<a href="https://github.com/thereviewindex/monochrome">Project on Github</a>
diff --git a/_includes/menu.html b/_includes/menu.html
@@ -0,0 +1,24 @@
+<nav {% if site.reverse == true %}id="nav-left"{% else %}id="nav"{% endif %}>
+	<div id="nav-list">
+		<a href="{{ site.baseurl }}/">Home</a>
+
+		<!-- Nav pages -->
+	  {% for page in site.pages %}
+	    {% if page.layout == "page" %}
+	      <a href="{% if site.baseurl == "/" %}{{ page.url }}{% else %}{{ page.url | prepend: site.baseurl }}{% endif %}" title="{{ page.title }}">{{ page.title }}</a>
+	    {% endif %}
+	  {% endfor %}
+
+    <!-- Nav links -->
+	  {% include link.html %}
+
+	</div>
+
+  <!-- Nav footer -->
+	{% if site.custom_nav_footer == true %}
+	  {% include nav-footer-custom.html %}
+	{% else %}
+	  {% include nav-footer.html %}
+	{% endif %}
+
+</nav>
diff --git a/_includes/nav-footer-custom.html b/_includes/nav-footer-custom.html
@@ -0,0 +1,5 @@
+<footer>
+
+	<!-- Your custom nav footer here -->
+
+</footer>
diff --git a/_includes/nav-footer.html b/_includes/nav-footer.html
@@ -0,0 +1,5 @@
+<footer>
+
+	<span>version {{ site.version }}</span>
+
+</footer>
diff --git a/_includes/script.html b/_includes/script.html
@@ -0,0 +1 @@
+<script src="{{ "/js/main.js" | prepend: site.baseurl | replace: '//', '/' }}"></script>	
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+
+{% include head.html %}
+
+<body>
+	<div id="wrap">
+
+	  	<!-- Navigation -->
+	  	{% include menu.html %}
+
+    <!-- Icon menu -->
+	  <a {% if site.reverse == true %}id="nav-menu-left"{% else %}id="nav-menu"{% endif %}>
+	  	<div id="menu"></div>
+	  </a>
+
+      <!-- Header -->
+      {% if site.custom_header == true %}
+        {% include header-custom.html %}
+      {% else %}
+        {% include header.html %}
+      {% endif %}
+
+    <!-- Main content -->
+	  <div id="container">
+
+		<main>
+
+			{{ content }}
+
+	  </main>
+
+		  <!-- Pagination links -->
+      {% if paginator.total_pages > 1 %}
+        <div class="pagination">
+          {% if paginator.previous_page == 1 %}
+            <a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">&laquo;</a>
+          {% elsif paginator.previous_page%}
+            <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">&laquo;</a>
+          {% else %}
+            <span class="page-item">&laquo;</span>
+          {% endif %}
+
+          {% for page in (1..paginator.total_pages) %}
+            {% if page == paginator.page %}
+              <span class="page-item">{{ page }}</span>
+            {% elsif page == 1 %}
+              <a href="{{ '/' | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">{{ page }}</a>
+            {% else %}
+              <a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="page-item">{{ page }}</a>
+            {% endif %}
+          {% endfor %}
+
+          {% if paginator.next_page %}
+            <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="page-item">&raquo;</a>
+          {% else %}
+            <span class="page-item">&raquo;</span>
+          {% endif %}
+        </div>
+        {% endif %}
+
+	  </div>
+
+	    <!-- Footer -->
+	    {% include footer.html %}
+
+	    <!-- Script -->
+      {% include script.html %}
+
+	</div>
+</body>
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,8 @@
+---
+layout: default
+---
+<article id="page">
+
+  {{ content }}
+
+</article>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,13 @@
+---
+layout: default
+---
+<article id="post-page">
+	<h2>{%if page.header %}{{ page.header }}{% else %}{{ page.title }}{% endif %}</h2>		
+	<time datetime="{{ page.date | date_to_xmlschema }}" class="by-line">{{ page.date | date_to_string }}</time>
+	<div class="content">
+
+		{{ content }}
+
+	</div>
+</article>
+
diff --git a/_sass/base.scss b/_sass/base.scss
@@ -0,0 +1,83 @@
+/*
+ * Monochrome is a simple, responsive blog theme built for Jekyll.
+ */
+
+/*- Base reset -*/
+
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+body {
+
+}
+
+/*- Base color -*/
+
+$background-color: #FFFFFF;
+$text-color: #333333;
+$text-light-color: rgba(0,0,0,0.6);
+$text-dark-color: #000000;
+
+/*- Base settings -*/
+
+html {
+	background-color: $background-color;
+	font-size: 16px;
+	@media (min-width: 940px) {
+		font-size: 18px;
+	}
+	line-height: 1.8;
+	color: $text-color;
+}
+
+body {
+ max-width: 1000px;
+ margin: 0 auto;
+ padding: 0 10px;
+}
+
+/*- Link -*/
+a {
+	color: $text-color;
+	text-decoration: none;
+	font-weight: 700;
+	&:hover,
+	&:focus {
+		color: darken($text-color, 5%);
+	}
+}
+
+/* Common classes */
+
+.f-right { float: right; }
+.f-left { float: left; }
+.clear { clear:both; }
+
+// to align div vertically and horizontally in center of another div
+.parent { display: flex;}
+.inner { align-self: center; }
+
+// justify
+.justify-center { justify-content: center; }
+.justify-spaceBetween { justify-content: space-between; }
+
+.w100 { width: 100% }
+.h100 { height: 100% }
+.wh100 { width: 100%; height: 100%}
+
+// position
+.absolute { position: absolute; }
+.relative { position: relative; }
+.top { top: 0 }
+.bottom { bottom: 0 }
+.right { right: 0 }
+.left { left: 0 }
diff --git a/_sass/custom.scss b/_sass/custom.scss
@@ -0,0 +1,3 @@
+/*- Custom style -*/
+
+// -- Put custom style under this point -- //
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<footer>ssotax.org is a <a href="https://github.com/ssotax/ssotax" target="_blank">community project</a>, originally
		started by Rob Chahin.</footer>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<a href="https://github.com/thereviewindex/monochrome/archive/master.zip">Download</a>
		<a href="https://github.com/thereviewindex/monochrome">Project on Github</a>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="{{ "/js/main.js" \| prepend: site.baseurl \| replace: '//', '/' }}"></script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		/- Custom style -/

		// -- Put custom style under this point -- //