diff options
| -rw-r--r-- | any-means-necesary.jpg | bin | 0 -> 82656 bytes | |||
| -rw-r--r-- | blm-b.png | bin | 0 -> 607 bytes | |||
| -rw-r--r-- | index.html | 28 | ||||
| -rw-r--r-- | killing.png | bin | 0 -> 950 bytes | |||
| -rw-r--r-- | le_wokeisme.png | bin | 0 -> 6195 bytes | |||
| -rw-r--r-- | nonazis.png | bin | 0 -> 21274 bytes | |||
| -rw-r--r-- | style.css | 15 |
7 files changed, 32 insertions, 11 deletions
diff --git a/any-means-necesary.jpg b/any-means-necesary.jpg Binary files differnew file mode 100644 index 0000000..80db3f8 --- /dev/null +++ b/any-means-necesary.jpg diff --git a/blm-b.png b/blm-b.png Binary files differnew file mode 100644 index 0000000..ebc157c --- /dev/null +++ b/blm-b.png @@ -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 Binary files differnew file mode 100644 index 0000000..a019868 --- /dev/null +++ b/killing.png diff --git a/le_wokeisme.png b/le_wokeisme.png Binary files differnew file mode 100644 index 0000000..f0cef62 --- /dev/null +++ b/le_wokeisme.png diff --git a/nonazis.png b/nonazis.png Binary files differnew file mode 100644 index 0000000..762829a --- /dev/null +++ b/nonazis.png @@ -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; } |
