index.php 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>✨️computer_glamour✨️</title>
  7. <link rel="stylesheet" href="./style.css">
  8. <script src="https://unpkg.com/cursor-effects@latest/dist/browser.js"></script>
  9. <script>
  10. window.addEventListener("load", (event) => {
  11. new cursoreffects.ghostCursor();
  12. });
  13. </script>
  14. </head>
  15. <body>
  16. <div class="container">
  17. <img src="pc.png" alt="Profile Picture" class="profile-pic">
  18. <div class="container bio">
  19. <!-- <h1>✨️computer_glamour✨️</h1> -->
  20. <img src="./wordart_pink.png" class="small-pic">
  21. <a href="./blog">Blog</a>
  22. <a href="./xmpp.html">XMPP</a>
  23. <a href="./pgp.html">PGP</a>
  24. <a href="./about.html">About me</a>
  25. <a href="./vault/">The Vault</a>
  26. <a href="./pc.html">my PC</a>
  27. <hr>
  28. <marquee behavior="scroll" direction="left" scrollamount="5">
  29. Do you know why system drive is called C:\ in windows ? It was called that because A and B were already used for floppy disks. ----&nbsp;
  30. Isn't color pink the best color for making websites? ----&nbsp;
  31. You know who was the first recognized and catched cybercriminal? Check out Markus Hess, crazy story. ----&nbsp;
  32. You ask what glamour is? It is the best style ever ----&nbsp;
  33. Did you knew that computer hacking really started with a whistle found in breakfast cereal? ----&nbsp;
  34. Put modem noise here ----&nbsp;
  35. Does anybody remember Susan Kare, designer of the first type font and icon set for first Mac Os? ----&nbsp;
  36. You are staring at this marquee for too long now I am getting worried ----&nbsp;
  37. Did you knew there is a special system to describe procesurally generated fractals called L-System? ----&nbsp;
  38. Yes I have written this website by hand, no it didn't hurt. X3 ----&nbsp;
  39. Do you know that there is a programming language that consists of tabs and spaces ? It is Whitespace ----&nbsp;
  40. Okay now you think you can wait long enough to get to the end of this marquee. ----&nbsp;
  41. Do you know that there is a programming language that can be programmed in paint ? It is called Piet ----&nbsp;
  42. Programs that print their own source code are called: Quines ... don't even get me started on polyquines ----&nbsp;
  43. There is musical programming language that can generate sound in real time while you code them, it is called Sonic Pi. ---- &nbsp;
  44. Congratulations to you ... you have beed the longest marguee starer on the internet.
  45. </marquee>
  46. <br>
  47. <hr>
  48. <p class="center">
  49. My current time is:
  50. <?php echo (new DateTime('now', new DateTimeZone('Europe/Warsaw')))->format('H:i:s'); ?>
  51. </p>
  52. <img src="./bsod.gif" class="small-pic">
  53. <!--<img src="./pc.gif" class="small-pic">-->
  54. <p class="center">
  55. Follow me on fediverse: <a class="no-button" href="https://glamour.ovh/computer">@computer@glamour.ovh</a><br>
  56. Link to the instance: <a class="no-button" href="https://glamour.ovh">https://glamour.ovh</a>
  57. </p>
  58. </div>
  59. <div class="container bio">
  60. <h2>About Me</h2>
  61. <p>Hi, I am computer_glamour. I am a geeky computer stuff enthusiast. I also like making crappy websites like this one.</p>
  62. <p>I have most intrest in computer networks, and operating systems. I am a linux enthusiast. I love small internet websites that are focused on content rather than on looks. I like some programming, my favorite languages are Python and PHP. I also like video games (although i don't like most of new AAA stuff), you can check my favorite ones <a class="no-button" href="./blog/video_games.php">here</a>.</p>
  63. <p>I did university degree in cyber security. I can explain to you what RSA, PKI or SHA is, not that you would really want to know that hahahaha.</p>
  64. <p>I do silly things on internet :3</p>
  65. </div>
  66. <div class="bio">
  67. <h2>Username history</h2>
  68. <p>There is no huge background behind it. I watched a streamer once, and she made fun of glamour aesthetic. I joined her community and i wanted to make a nickname for myself that would relate to the community, I saw a lot of people with nicknames like something and glamour at the end. I thought okay I like computers and this community is making fun of the glamour aesthetic, so why not let's make the most glamorous computer on the internet!!!</p>
  69. <p>I am not a huge fan of the true classic glamour aesthetic, but i think mixture of it together with computers and internet gives it this funny vaporwave like vibe which is the vibe that i like very much. On the other hand I do not like being put into categories so i call my own aesthetic computer glamour X3</p>
  70. </div>
  71. <div class="interests">
  72. <h2>Things that i like:</h2>
  73. <ul>
  74. <li>Video Games
  75. <ul>
  76. <li>Witcher 1, 2 and 3</li>
  77. <li>Cyberpunk 2077</li>
  78. <li>Baldurs Gate I and II</li>
  79. <li>Disco Elysium</li>
  80. <li>Firewatch</li>
  81. <li>Indie Games</li>
  82. <ul>
  83. <li>FEZ</li>
  84. <li>Limbo</li>
  85. <li>Super meatboy</li>
  86. <li>Stardew Valley</li>
  87. <li>Terraria</li>
  88. <li>RimWorld</li>
  89. </ul>
  90. <li>Retro Games</li>
  91. <ul>
  92. <li>Zelda Ocarina of Time (N64)</li>
  93. <li>Metroid Fusion (GBA)</li>
  94. <li>Pokemon FireRed/LeafGreen (GBA)</li>
  95. <li>Pokemon Black/White 2 (NDS)</li>
  96. <li>New Super Mario (NDS)</li>
  97. <li>Orcs & Elves (NDS)</li>
  98. <li>Ace attorney (NDS)</li>
  99. </ul>
  100. <li>I also love flash games and RPG maker games :3</li>
  101. </ul>
  102. </li>
  103. <li>Chess
  104. <ul>
  105. <li>Computer chess</li>
  106. <ul>
  107. <li>Pure chess (on nintendo 3DS)</li>
  108. <li>Chessmaster grandmaster edition (on pc via Wine)</li>
  109. </ul>
  110. <li>I am not that good at them</li>
  111. <li>But i like playing them X3</li>
  112. <li>No i will not tell you my elo rating</li>
  113. </ul>
  114. </li>
  115. <li>Websites & Internet
  116. <ul>
  117. <li>Personal Blogs</li>
  118. <li>Neocities</li>
  119. <li>"Content more important then visuals" type sites</li>
  120. <li>Web buttons</li>
  121. <li>Streaming Communities</li>
  122. <li>Open Source Projects</li>
  123. <li>Fediverse</li>
  124. <li>Internet communities</li>
  125. <li>Funny java script effects on websites</li>
  126. <li>Internet aesthetics</li>
  127. </ul>
  128. </li>
  129. <li>Security and Privacy
  130. <ul>
  131. <li>Secure communication</li>
  132. <li>PGP</li>
  133. <li>XMPP</li>
  134. <li>Anonymous Browsing</li>
  135. <li>Tor</li>
  136. <li>Selfhosting</li>
  137. <li>Federation</li>
  138. </ul>
  139. </li>
  140. <li>Linux
  141. <ul>
  142. <li>Ubuntu based distros, i don't judge</li>
  143. <li>Linux ricing, to a extent ;3</li>
  144. <li>Stacking window managers</li>
  145. <li>Simple programs that do one thing well</li>
  146. <li>Simple desktop layouts (like <a href="./win95.png" class="no-button">this</a>)</li>
  147. <li>Discussions about free software ethics</li>
  148. </ul>
  149. </li>
  150. <li>Recreational programming
  151. <ul>
  152. <li>PHP</li>
  153. <li>Python</li>
  154. <li>Some scripting in bash</li>
  155. <li>and yes i like writing my websites by hand</li>
  156. </ul>
  157. </li>
  158. <li>Music
  159. <ul>
  160. <li>Indie Rock</li>
  161. <li>Classics of pop music (some new stuff too)</li>
  162. <li>Soundtracks from few games</li>
  163. <li>Classical music from time to time </li>
  164. </ul>
  165. </li>
  166. <li>Other
  167. <ul>
  168. <li>Science in general, mostly maths and physics,<br> but biology or chemistry curiosities are also welcome</li>
  169. <li>DIY electronics, raspberry pi, arduino or STM32</li>
  170. </ul>
  171. </li>
  172. </ul>
  173. </div>
  174. <div class="interests">
  175. <h2>Things that I dislike very much:</h2>
  176. <ul>
  177. <li>Anti consumer and anti people, actions taken by corporations</li>
  178. <li>Very far right, conservative people</li>
  179. <li>Homophobes, transphobes, xenophobes etc</li>
  180. <li>WYSIWYG editors like word or libreoffice<br>just use LaTeX, Markdown, HTML or any other markup language</li>
  181. <li>Bloated CMS systems like wordpress<br> Static websites? Just write em by hand or use static site generators.<br> Interactive websites? Write em in php or use some flat file CMS.</li>
  182. <li>Newer AAA games, like Ubislop stuff<br>There are exceptions to this rule, but not many</li>
  183. <li>Bloated solutions to simple problems</li>
  184. <li>Modern websites<br>Is there anyone who likes em?</li>
  185. </ul>
  186. </div>
  187. <div class="bio">
  188. <h2>88x31 Web buttons</h2>
  189. <p class="center">My webbutton:</p>
  190. <img src="./buttons/pc_glam.png" class="footer-button">
  191. <p class="center">Code to embed my web button on your page:</p>
  192. <pre>
  193. &lt;a href="https://computer.glamour.ovh/"&gt;
  194. &lt;img src="pc_glam.png"&gt;
  195. &lt;/a&gt;
  196. </pre>
  197. You can download the web button or fetch it from my website.
  198. <p class="center">Cool people and other cool sites :3</p>
  199. <a href="https://fozunja.glamour.ovh/" class="no-button">
  200. <img src="https://fozunja.glamour.ovh/88x31/fznj.png" class="footer-button">
  201. </a>
  202. <a href="https://lunya.pet/" class="no-button">
  203. <img src="./buttons/lunya.gif" class="footer-button">
  204. </a>
  205. <a href="https://selstacker.space/" class="no-button">
  206. <img src="./buttons/sel.png" class="fotter-button">
  207. </a>
  208. <a href="https://lakesnet.nekoweb.org//" class="no-button">
  209. <img src="./buttons/lakes.png" class="fotter-button">
  210. </a>
  211. <a href="https://datakra.sh/" class="no-button">
  212. <img src="./buttons/datakrash.png" class="footer-button">
  213. </a>
  214. <a href="https://nadeko.net/" class="no-button">
  215. <img src="./buttons/nadeko.png" class="footer-button">
  216. </a>
  217. <a href="https://yui.dev/" class="no-button">
  218. <img src="./buttons/yuidev.png" class="footer-button">
  219. </a>
  220. <a href="https://wiby.org/" class="no-button">
  221. <img src="./buttons/wiby.org.gif" class="fotter-button">
  222. </a>
  223. <a href="https://fediring.net/" class="no-button">
  224. <img src="./buttons/fedi.gif" class="fotter-button">
  225. </a>
  226. <p class="center">No AI webring</p>
  227. <map name="w95widget">
  228. <area href="https://baccyflap.com/noai" target="_blank" shape="rect" coords="0,0,308,22" alt="no ai webring" title="no ai webring">
  229. <area href="https://baccyflap.com/noai/?prv&s=pcg" target="_top" shape="rect" coords="56,36,130,58" alt="previous" title="previous">
  230. <area href="https://baccyflap.com/noai/?rnd" target="_top" shape="rect" coords="137,36,211,58" alt="random" title="random">
  231. <area href="https://baccyflap.com/noai/?nxt&s=pcg" target="_top" shape="rect" coords="218,36,292,58" alt="next" title="next">
  232. </map>
  233. <img style="filter:hue-rotate(20deg) saturate(1000%)" usemap="#w95widget" src="https://baccyflap.com/noai/w95widget.gif" alt="a gray Windows 95 style dialog box titled 'The No AI Webring' with a little icon showing a computer chip in a rubbish bin. beside it are three clickable buttons, labeled Previous, Random... and Next">
  234. <p class="center">Fediring</p>
  235. <p class="center">
  236. <a href="https://fediring.net/previous?host=computer.glamour.ovh">←</a>
  237. <a href="https://fediring.net/">Fediring</a>
  238. <a href="https://fediring.net/next?host=computer.glamour.ovh">→</a>
  239. </p>
  240. <p class="center">My webring</p>
  241. <img src="./buttons/webring.gif" class="fotter-button">
  242. <div style="margin: 0; padding: 0.1em; border: 2px inset">
  243. <p class="center">Press here to get to a random cool site</p>
  244. <a href="https://webri.ng/webring/glamour/random">Random Site</a>
  245. </div>
  246. </div>
  247. <div class="bio">
  248. <h2>Visit Counter</h2>
  249. <img src="./hit-counter/script.php"><br>
  250. <a href="https://git.cyberwa.re/revengeday/hit-counter">git.cyberwa.re/revengeday/hit-counter</a>
  251. </div>
  252. </div>
  253. <footer>
  254. <p class="center"><img src="./favicon.ico">(c) computer_glamour</p>
  255. <img src="./buttons/-18.gif" class="footer-button">
  256. <img src="./buttons/xmpp.gif" class="footer-button">
  257. <img src="./buttons/notread.gif" class="footer-button">
  258. <img src="./buttons/right2repair.gif" class="footer-button">
  259. </footer>
  260. </body>
  261. </html>