Readmore script

2 files changed, 29 insertions, 8 deletions

diff --git a/index.html b/index.html
index 5926f84..02b8f89 100644
--- a/index.html
+++ b/index.html
@@ -26,9 +26,10 @@ $(function(){
 
 <p class="welcome">
 Welcome to my webpage! (Ru. Добро пожаловать на мою веб-страницу!) <br>
-Hello! I am Ambrose, I'm a nobbiest sysadmin, a big fan of Gnu/Linux and any
-UNIX system, a huge supporter of Free and Open Source software. And I am an Orthodox
-Christian. <br><br>
+Hello! I am Ambrose, I'm a hobbyist sysadmin, a big fan of Gnu/Linux and any
+UNIX system, and a huge supporter of Free and Open Source software. 
+I am also an Orthodox Christian, you can read more about that: <a href="">HERE</a>.
+<br><br>
 
 I created this site to share my writing(s), to document my projects, to share
 my photography, and as an easy place for people to find my contact info. This
@@ -36,15 +37,20 @@ website is made from scratch without any tools such as HUGO. I do use jQuery
 for loading in the navbar and footer.<br>
 I take pride in having a minimal webpage, but when I do have to use javascript
 I will be sure to license it correctly so it can work with Gnu's LibreJS
-plugin.
+plugin.<br>
+Also this website is made for Desktop users with a capable web browser. One of
+the design philosophies for this page is to make it non-mobile friendly. You
+shouldn't be browsing the web on one of those things -- one of my design goals
+was to make my website difficult to navigate on a touchscreen. 
 </p>
 
 <p class="computer">
-<h3>My computing information</h3>
-<i>I like to switch around how I use so this information has the potential to be
-outdated.</i>
+<h2>My computing information</h2>
+<i>I like to switch around how I use computers / operating system(s), so this information has the potential to be
+outdated.</i><br>
 <b>Operating System</b>
-For both my desktop and laptop I use the FSF approved Gnu/Linux-libre distro Parabola.
+For both my desktop and laptop I use the FSF approved <a href="https://parabola.nu">Gnu/Linux-libre distro Parabola</a>.
+
 
 </p>
 
diff --git a/static/js/readmore.js b/static/js/readmore.js
new file mode 100644
index 0000000..915c04c
--- /dev/null
+++ b/static/js/readmore.js
@@ -0,0 +1,15 @@
+function readmore() {
+  var dots = document.getElementById("dots");
+  var moreText = document.getElementById("more");
+  var btnText = document.getElementById("myBtn");
+
+  if (dots.style.display === "none") {
+    dots.style.display = "inline";
+    btnText.innerHTML = "Read more"; 
+    moreText.style.display = "none";
+  } else {
+    dots.style.display = "none";
+    btnText.innerHTML = "Read less"; 
+    moreText.style.display = "inline";
+  }
+}