access_time Published {{ page.date | date_to_long_string: "ordinal" }}
group_work Categories: {{ " " }}{%- for category in page.categories -%} @@ -27,7 +26,7 @@ layout: default
Posts like this
@@ -40,7 +39,12 @@ layout: default
Share this post
- coming soon uwu
+ {%- assign summary = page.summary %}
+ {%- unless summary %}
+ {%- assign summary = page.excerpt | summarise | truncate: 150 %}
+ {%- endunless %}
+
+
Leave a comment
diff --git a/_posts/fixme/2019-05-05-depression-in-the-information-age-part-two.md b/_posts/fixme/2019-05-05-depression-in-the-information-age-part-two.md
index 616d331..006e60b 100644
--- a/_posts/fixme/2019-05-05-depression-in-the-information-age-part-two.md
+++ b/_posts/fixme/2019-05-05-depression-in-the-information-age-part-two.md
@@ -12,11 +12,11 @@ cw_description: These images mention suicide and depression.
Images
------
-![Redeem](https://wasabi.lynnesbian.space/bune-city/2019/05/4-redeem-2-1024x576.png)
+![Redeem](https://wasabi.lynnesbian.space/bune-city/2019/05/4-redeem-2.png)
-![Gamified](https://wasabi.lynnesbian.space/bune-city/2019/05/5-gamified-1024x811.png)
+![Gamified](https://wasabi.lynnesbian.space/bune-city/2019/05/5-gamified.png)
-![Empty](https://wasabi.lynnesbian.space/bune-city/2019/05/6-empty-1024x576.jpg)
+![Empty](https://wasabi.lynnesbian.space/bune-city/2019/05/6-empty.jpg)
Reflection
----------
diff --git a/_posts/fixme/2019-05-08-using-an-eeepc-in-2019.md b/_posts/fixme/2019-05-08-using-an-eeepc-in-2019.md
index baa56b5..2be3614 100644
--- a/_posts/fixme/2019-05-08-using-an-eeepc-in-2019.md
+++ b/_posts/fixme/2019-05-08-using-an-eeepc-in-2019.md
@@ -8,7 +8,7 @@ categories: [Personal, Technology]
Introduction
------------
-For the past two weeks, I've been using an [EeePC 1000H](https://en.wikipedia.org/wiki/Asus_Eee_PC#Eee_PC_1000_series), a [netbook](https://en.wikipedia.org/wiki/Netbook) with a 10" screen, an Intel Atom N270 CPU, 2GB of RAM, and an 80GB internal hard drive. Released in 2008, it was designed with portability as its primary goal, with performance taking a back seat. this is especially true of the EeePC 701, a tiny netbook with a 7" scren and a rather restrictive 4GB internal SSD.
+For the past two weeks, I've been using an [EeePC 1000H](https://en.wikipedia.org/wiki/Asus_Eee_PC#Eee_PC_1000_series), a [netbook](https://en.wikipedia.org/wiki/Netbook) with a 10" screen, an Intel Atom N270 CPU, 2GB of RAM, and an 80GB internal hard drive. Released in 2008, it was designed with portability as its primary goal, with performance taking a back seat. this is especially true of the EeePC 701, a tiny netbook with a 7" screen and a rather restrictive 4GB internal SSD.
diff --git a/assets/email.svg b/assets/email.svg
new file mode 100644
index 0000000..fc0d05c
--- /dev/null
+++ b/assets/email.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/assets/mastodon-share.js b/assets/mastodon-share.js
new file mode 100644
index 0000000..a632f02
--- /dev/null
+++ b/assets/mastodon-share.js
@@ -0,0 +1,17 @@
+document.addEventListener('DOMContentLoaded', (event) => {
+ if (localStorage['mastodon_share_url']) {
+ dgel('share-instance').value = localStorage['mastodon_share_url'];
+ }
+});
+
+function share_with_mastodon() {
+ let url = "https://" + dgel('share-instance').value;
+ url = url.replace(/^https:\/\/(https?:\/\/)/, "$1"); // remove duplicated leading 'https://' if present
+ url = url.replace(/\/+$/, ''); // remove trailing slashes
+
+ post_content = window.location.hash.substr(1);
+
+ localStorage['mastodon_share_url'] = url;
+
+ window.location = `${url}/share?text=${post_content}`;
+}
\ No newline at end of file
diff --git a/assets/mastodon.svg b/assets/mastodon.svg
new file mode 100644
index 0000000..4b72b3a
--- /dev/null
+++ b/assets/mastodon.svg
@@ -0,0 +1 @@
+
diff --git a/assets/style.css b/assets/style.css
index e458692..eb607cc 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -5,16 +5,26 @@ body {
}
h1 {
- font-family: "Playfair Display";
+ font-family: serif;
text-align: center;
font-size: 3em;
}
+h1#logo {
+ font-family: "Playfair Display", serif;
+}
header {
font-family: sans-serif;
background: #fafafa;
padding: 0 20px;
}
+nav {
+ display: inline-block;
+}
+nav a {
+ padding: 0 10px;
+ display: inline-block;
+}
#header-container {
width: 90%;
margin: 0 auto;
@@ -24,9 +34,6 @@ header h1 {
text-align: left;
font-size: 1.2em;
}
-nav {
- display: inline-block;
-}
#header-logo {
height: 32px;
width: 32px;
@@ -34,7 +41,13 @@ nav {
vertical-align: middle;
}
+#pagination {
+ display: flex;
+ justify-content: space-between;
+}
+
main {
+ max-width: 800px;
width: 90%;
margin: 0 auto;
}
@@ -92,6 +105,14 @@ p, li {
}
/* the content of the posts */
+#post-body h2 a {
+ opacity: 0.2;
+ transition: 0.2s all;
+}
+#post-body h2:hover a {
+ opacity: 1;
+}
+
#post-body > p {
text-align: justify;
}
@@ -175,6 +196,21 @@ p, li {
font-size: 1.3em;
}
+/* share post */
+.post-share {
+ display: inline-block;
+ height: 32px;
+ width: 32px;
+ background: center / contain no-repeat;
+}
+.post-share.mastodon {
+ background-image: url('/assets/mastodon.svg');
+}
+.post-share.email {
+ background-image: url('/assets/email.svg');
+}
+
+/* mastodon share popup */
/* material icons */
.material-icons {
diff --git a/index.html b/index.html
index a095705..ebfcf00 100644
--- a/index.html
+++ b/index.html
@@ -1,18 +1,19 @@
---
layout: default
title: "bune.city - Home"
+pagination:
+ enabled: true
---
{% include header.html %}
-{{ site.title }}
+{{ site.title }}
Share with Mastodon
+ In order to share this post on Mastodon, you'll need to enter your instance URL below. You'll get a chance to preview and edit what gets posted.
+
+
+