summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_includes/nav.njk2
-rw-r--r--assets/css/main.css27
-rw-r--r--content/blog.md11
-rw-r--r--content/extras.md14
-rw-r--r--content/index.md9
-rw-r--r--siteconfig.mjs2
6 files changed, 30 insertions, 35 deletions
diff --git a/_includes/nav.njk b/_includes/nav.njk
index 0285bbe..5227c2f 100644
--- a/_includes/nav.njk
+++ b/_includes/nav.njk
@@ -10,7 +10,7 @@
{%- endfor -%}
{%- for s in site.headerLinks -%}
<li>
- <a no-transition href="{{ s.href }}">{{ s.name }}</a>
+ <a no-transition target="_blank" href="{{ s.href }}">{{ s.name }}</a>
</li>
{%- endfor -%}
</ul>
diff --git a/assets/css/main.css b/assets/css/main.css
index 5c31c05..6e6a045 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -7,6 +7,10 @@ body {
padding: 0.5rem;
}
+main > h1 {
+ text-align: center;
+}
+
a {
color: var(--text);
--brackets-color: var(--accent);
@@ -71,7 +75,8 @@ a[target="_blank"]::after {
z-index: 1;
top: 100%;
left: 50%;
- margin-left: -50%;
+ transform: translateX(-50%);
+ min-width: 100%;
}
.tooltip:hover .tooltiptext {
visibility: visible;
@@ -191,13 +196,6 @@ picture {
}
picture img {
max-width: 100%;
- box-shadow:
- var(--base) 0.2rem 0.2rem 0px,
- var(--text) 0.6rem 0.6rem 0px,
- var(--base) -0.2rem -0.2rem 0px,
- var(--text) -0.6rem -0.6rem 0px
- ;
- border-radius: 0rem;
}
@media screen and (max-width: 80ch) {
@@ -263,3 +261,16 @@ picture img {
.split > * {
flex: 1;
}
+
+a.blogpost {
+ display:block;
+}
+a.blogpost:after,
+a.blogpost:before {
+ content: "";
+}
+
+a.blogpost > h3 {
+ margin:0;
+}
+
diff --git a/content/blog.md b/content/blog.md
deleted file mode 100644
index ba5ff53..0000000
--- a/content/blog.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Blog
-layout: page
-nav: 20
----
-<ul> {% for post in collections.blog | reverse %}
- <li>
- <a href="{{ post.url }}">{{ post.data.title }}</a>
- <small>{{ post.date | date }}</small>
- </li> {% endfor %}
-</ul>
diff --git a/content/extras.md b/content/extras.md
deleted file mode 100644
index dd53abd..0000000
--- a/content/extras.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-title: Extras
-layout: page
-nav: 19
----
-
-## Services
-
-[Git repos](https://git.spelis.li/)
-[File Share](https://share.spelis.li/)
-
-## Random
-
-[Wallpapers](https://share.spelis.li/Wallpapers/)
diff --git a/content/index.md b/content/index.md
index 167b121..0aad45c 100644
--- a/content/index.md
+++ b/content/index.md
@@ -24,6 +24,15 @@ You can browse some Git repositories of mine <a href="https://git.spelis.li/" ta
</div>
---
+# Blog
+<div> {% for post in collections.blog | reverse %}
+ <a href="{{ post.url }}" class="blogpost">
+ <h3>{{ post.data.title }}</h3>
+ <small>{{ post.date | date }}<span style="float:right;">{{ post.url }}</span></small>
+ </a><br> {% endfor %}
+</div>
+
+---
<span>Location: <code>Northern Sweden</code></span>
diff --git a/siteconfig.mjs b/siteconfig.mjs
index 555531b..15335d7 100644
--- a/siteconfig.mjs
+++ b/siteconfig.mjs
@@ -1,7 +1,6 @@
export const config = {
siteTitle: "Spelis",
-
footerLinks: [
{name: "Github", tooltip: "@Spelis", href:"https://spelis.li/gh"},
{name: "YouTube", tooltip: "@Spelis", href:"https://spelis.li/yt"},
@@ -11,5 +10,6 @@ export const config = {
headerLinks: [
{name: "Git", href:"https://git.spelis.li/"},
+ {name: "Files", href:"https://share.spelis.li/"},
]
}