Add new page and more buttons

7 files changed, 32 insertions, 11 deletions

diff --git a/any-means-necesary.jpg b/any-means-necesary.jpg
new file mode 100644
index 0000000..80db3f8
--- /dev/null
+++ b/any-means-necesary.jpg
diff --git a/blm-b.png b/blm-b.png
new file mode 100644
index 0000000..ebc157c
--- /dev/null
+++ b/blm-b.png
diff --git a/index.html b/index.html
index 556b741..580db68 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,7 @@
       <input class="radio" type="radio" id="home-info" name="home_menu" checked>
       <input class="radio" type="radio" id="home-contact" name="home_menu">
       <input class="radio" type="radio" id="home-services" name="home_menu">
+      <input class="radio" type="radio" id="home-about" name="home_menu">
 
       <input class="radio" type="radio" id="projects-personal" name="projects_menu" checked>
       <input class="radio" type="radio" id="projects-shards" name="projects_menu">
@@ -37,6 +38,10 @@
           <label for="home-services" class="menu-button">Services
           </label>
         </li>
+	<li>
+          <label for="home-about" class="menu-button">About
+          </label>
+	</li>
       </ul>
 
       <ul id="projects-menu" class="menu left">
@@ -119,7 +124,7 @@
             <p>I am currently studying computer science and work at Nokia as a software developer.</p>
           </div>
           <div style="justify-content: center; align-items: center; text-align: center;">
-            <img src="./firefly.png" alt="a firefly resting on a finger">
+            <img src="./firefly.png" alt="a firefly resting on a finger" height="90%" style="max-width=440px">
           </div>
           <div>
             <hr style="justify-content: center; border-top:2px solid #A0A0A0; width: 100%">
@@ -165,6 +170,23 @@
             <hr style="border-top:2px solid #A0A0A0; width: 100%">
           </div>
         </div>
+	<div class="content" id="home-content-about">
+          <div>
+            <p>This page is written with pure HTML and CSS. Some JavaScript is used for window controls, but it is completely optional</p>
+            <br>
+	    <p>Inspiration for the website style is NeXTStep and GNUStep, it's a faithful recreation of my setup from when I used windowmaker on FreeBSD</p>
+	    <br>
+	    <p>The full source of this page can be viewed at <a href="https://git.pinkro.se/website.git">git.pinkro.se/website.git</a>.</p>
+	    <p>Everything except the images used are released to the public domain.</p>
+	    <p>If your braindead government does not acknowledge the public domain it is also available under the terms of the MIT license</p>
+	    <br>
+	    <br>
+	    <p>If your government forbids something. It's probably against your interests.</p>
+	    <div style="justify-content: center; align-items: center; text-align: center;">
+              <img src="any-means-necesary.jpg" alt="malcom x by any means necesary" width="90%">
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="projects-window" class="window">
@@ -284,6 +306,10 @@
           <a><img src="copland88x31.png" alt="copland os now!" width="88" height="31"></a>
           <a><img src="transrights.png" alt="trans rights now!" width="88" height="31"></a>
           <a><img src="xeniatransnow.png" alt="use linux now!" width="88" height="31"></a>
+	  <a><img src="le_wokeisme.png" alt="this page is woke" width="88"></a>
+	  <a href="https://blacklivesmatter.com/"><img src="blm-b.png" alt="black lives matter" width="88"></a>
+	  <a href="https://gutenberg.org/ebooks/20321"><img src="killing.png" alt="personally i think killing people is bad" width="88"></a>
+	  <a><img src="nonazis.png" alt="no nazis" height="70"></a>
         </div>
       </div>
     </div>
diff --git a/killing.png b/killing.png
new file mode 100644
index 0000000..a019868
--- /dev/null
+++ b/killing.png
diff --git a/le_wokeisme.png b/le_wokeisme.png
new file mode 100644
index 0000000..f0cef62
--- /dev/null
+++ b/le_wokeisme.png
diff --git a/nonazis.png b/nonazis.png
new file mode 100644
index 0000000..762829a
--- /dev/null
+++ b/nonazis.png
diff --git a/style.css b/style.css
index 64719d6..25eeab9 100644
--- a/style.css
+++ b/style.css
@@ -102,11 +102,6 @@ body {
     align-items: center;
 }
 
-.bottom-bar a img {
-    width: 88px;
-    height: 31px;
-}
-
 .bottom-bar a .square {
     width: 95%;
     height: 95%;
@@ -216,7 +211,6 @@ body {
 	left: 50%;
     }
 
-    
     .window#home-window {
 	width: 40%;
 	height: 65%;
@@ -295,10 +289,10 @@ body {
     user-select: text;
 }
 
-.window .content img {
+/*.window .content img {
     width: 90%;
     max-width: 400px;
-}
+}*/
 
 .workspace {
     position: relative;
@@ -312,7 +306,7 @@ body {
     display: none;
 }
 
-#home-content-info, #home-content-contact, #home-content-services,
+#home-content-info, #home-content-contact, #home-content-services, #home-content-about,
 #projects-content-personal, #projects-content-shards,
 #projects-content-crystal, #projects-content-vanillaos {
     display: none;
@@ -330,7 +324,8 @@ body {
 
 #home-info:checked ~ .window #home-content-info,
 #home-contact:checked ~ .window #home-content-contact,
-#home-services:checked ~ .window #home-content-services {
+#home-services:checked ~ .window #home-content-services,
+#home-about:checked ~ .window #home-content-about {
     display: flex;
 }