summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_includes/footer.html2
-rw-r--r--_includes/navigator.html9
-rw-r--r--_layouts/post.html19
-rw-r--r--_posts/2018-11-03-new-blog.md7
-rw-r--r--_posts/2018-12-10-test.md6
-rw-r--r--blog.html24
-rw-r--r--style.css8
7 files changed, 69 insertions, 6 deletions
diff --git a/_includes/footer.html b/_includes/footer.html
index bbb0801..0e03337 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,3 +1,3 @@
<div class="footer">
- <p>&copy; Copyright 2018, Silicon Linux Development Group. <a href="https://github.com/silicon-linux/silicon-linux.github.io/issues">Report a bug.</a></p>
+ <p>&copy; Copyright 2018, Silicon Linux Development Group. <a href="https://github.com/silicon-linux/silicon-linux.github.io/issues">Report a bug.</a><br><a href="https://discord.gg/EFhRDqG"><img src="https://img.shields.io/discord/502598767510290432.svg?colorB=7289DA&label=discord" alt="Discord Badge"></p>
</div>
diff --git a/_includes/navigator.html b/_includes/navigator.html
index d942dec..0981ea9 100644
--- a/_includes/navigator.html
+++ b/_includes/navigator.html
@@ -1,9 +1,10 @@
<div id="navigation">
- <ul>
+ <ul class="navbar">
<li class="nav logo">Silicon Linux</li>
- <li class="nav"><a class="nav" href="/index.html">HOME</a></li>
- <li class="nav"><a class="nav"href="/download.html">DOWNLOAD</a></li>
- <li class="nav"><a class="nav" href="/support.html">SUPPORT</a></li>
+ <li class="nav"><a class="nav" href="/" {% if page.url == "/" %}style="background-color: #1f8e42;"{% endif %}>HOME</a></li>
+ <li class="nav"><a class="nav"href="/download.html" {% if page.url == "/download.html" %}style="background-color: #1f8e42;"{% endif %}>DOWNLOAD</a></li>
+ <li class="nav"><a class="nav" href="/support.html" {% if page.url == "/support.html" %}style="background-color: #1f8e42;"{% endif %}>SUPPORT</a></li>
+ <li class="nav"><a class="nav" href="/blog.html" {% if page.url == "/blog.html" %}style="background-color: #1f8e42;"{% endif %}>BLOG</a></li>
<li class="nav"><a class="nav"href="https://github.com/silicon-linux">GITHUB</a></li>
</ul>
</div>
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..a9edd82
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,19 @@
+---
+---
+
+<HTML>
+ <HEAD>
+ {% include heading.html %}
+ <TITLE>{{ page.title }} | Silicon Linux Blog</TITLE>
+ </HEAD>
+<BODY>
+ {% include navigator.html %}
+
+ <h1>{{ page.title }}</h1>
+ <p><b>{{ page.date | date_to_string }} | {{ page.author }}</b></p>
+
+ {{ content }}
+
+ {% include footer.html %}
+</BODY>
+</HTML>
diff --git a/_posts/2018-11-03-new-blog.md b/_posts/2018-11-03-new-blog.md
new file mode 100644
index 0000000..4ed6ddc
--- /dev/null
+++ b/_posts/2018-11-03-new-blog.md
@@ -0,0 +1,7 @@
+---
+layout: post
+author: Alee
+---
+Hey all! We now have a blog system in our website!
+
+For now, we post everything that's related to Silicon Linux here and on Discord!
diff --git a/_posts/2018-12-10-test.md b/_posts/2018-12-10-test.md
new file mode 100644
index 0000000..52c7d19
--- /dev/null
+++ b/_posts/2018-12-10-test.md
@@ -0,0 +1,6 @@
+---
+layout: post
+author: Alee
+---
+This is a test post.
+And so on and so on...
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..324ab67
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,24 @@
+---
+project: Silicon Linux
+---
+
+<HTML>
+ <HEAD>
+ {% include heading.html %}
+ <TITLE>Silicon Linux</TITLE>
+ </HEAD>
+<BODY>
+ {% include navigator.html %}
+ <h1>Latest Posts</h1>
+
+<ul>
+ {% for post in site.posts %}
+ <li class="list-blog">
+ <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+ <p>{{ post.excerpt }}</p>
+ </li>
+ {% endfor %}
+</ul>
+ {% include footer.html %}
+</BODY>
+</HTML>
diff --git a/style.css b/style.css
index 395e514..17816a6 100644
--- a/style.css
+++ b/style.css
@@ -44,7 +44,7 @@ a {
margin: -1px;
}
-ul {
+ul.navbar {
list-style-type: none;
margin: 0;
padding: 0;
@@ -52,6 +52,12 @@ ul {
background-color: whitesmoke;
}
+li.list-blog{
+ text-decoration: none;
+ float: left;
+ display: block;
+}
+
li.logo{
font-weight: bold;
color: black;