buttons! And gifs!
BIN
.github/.DS_Store
vendored
Normal file
BIN
public/.DS_Store
vendored
BIN
public/img/.DS_Store
vendored
Normal file
BIN
public/img/buttons/88x31.gif
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/img/buttons/acab.gif
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/img/buttons/anarchynow.gif
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
public/img/buttons/besteyes3.gif
Normal file
|
After Width: | Height: | Size: 751 B |
BIN
public/img/buttons/blink-0.gif
Normal file
|
After Width: | Height: | Size: 6.4 KiB |
BIN
public/img/buttons/bookmark_this_page.gif
Normal file
|
After Width: | Height: | Size: 556 B |
BIN
public/img/buttons/bootleg.gif
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/img/buttons/itsdeath.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
public/img/buttons/kromer.gif
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
public/img/buttons/lowtiergod.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
public/img/buttons/microshaftl.gif
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/img/buttons/neocities-pink.gif
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
public/img/buttons/neovim.gif
Normal file
|
After Width: | Height: | Size: 695 B |
BIN
public/img/buttons/piracy.gif
Normal file
|
After Width: | Height: | Size: 910 B |
BIN
public/img/buttons/prideenby.gif.png
Normal file
|
After Width: | Height: | Size: 383 B |
BIN
public/img/buttons/ralseidoobie.gif
Normal file
|
After Width: | Height: | Size: 5.3 KiB |
BIN
public/img/buttons/transnow2.gif
Normal file
|
After Width: | Height: | Size: 471 B |
BIN
public/img/glados.gif
Normal file
|
After Width: | Height: | Size: 68 KiB |
BIN
public/img/queen.gif
Normal file
|
After Width: | Height: | Size: 1.7 MiB |
BIN
public/img/susie.gif
Normal file
|
After Width: | Height: | Size: 556 KiB |
@@ -6,7 +6,7 @@
|
||||
<title>beppe.online</title>
|
||||
<!--- <title>bvanroll.neocities</title> --->
|
||||
<link rel="stylesheet" href="main.css">
|
||||
<!-- shader as bg via xemantic/shader-web-background -->
|
||||
<!-- shader as bg via xemantic/shader-web-background
|
||||
<script src="https://xemantic.github.io/shader-web-background/dist/shader-web-background.min.js"></script>
|
||||
<script type="x-shader/x-fragment" id="image">
|
||||
precision highp float;
|
||||
@@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
-->
|
||||
</head>
|
||||
<body>
|
||||
<div class="header">
|
||||
@@ -67,19 +67,49 @@
|
||||
<p><a href="https://github.com/bvanroll">github</a> (don't look at my bad code :( )</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<img src="img/queen.gif" id="queen">
|
||||
|
||||
<h2> what's coming </h2>
|
||||
|
||||
<p>
|
||||
I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p
|
||||
I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p but for now i'm bedrotting :p
|
||||
</p>
|
||||
<img src="img/glados.gif" id="glados">
|
||||
<p>
|
||||
also i wanna make it so my pico8 games are playable in the browser here on a seperate page. so i'm gonna work on that too.
|
||||
</p>
|
||||
|
||||
<h2>
|
||||
update: i did it!
|
||||
<img src="img/susie.gif" id="susie">
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
anyway, here are """blogposts""" i've made :p
|
||||
:
|
||||
</p>
|
||||
|
||||
<iframe src="posts.html" name="posts" title="posts"></iframe>
|
||||
<p><a href="posts.html" target="posts">return</a></p>
|
||||
</div>
|
||||
<footer>
|
||||
<a href="https://cyber.dabamos.de/88x31/index.html"><img src="img/buttons/88x31.gif" alt="i got the gifs from here!"></a>
|
||||
<img src="img/buttons/acab.gif" alt="all cops are bad!">
|
||||
<img src="img/buttons/anarchynow.gif" alt="anarchy NOW!">
|
||||
<img src="img/buttons/besteyes3.gif" alt="This site is best experienced with EYES (i'm sorry :p)">
|
||||
<img src="img/buttons/blink-0.gif" alt="a closeup of an anime girl blinking!">
|
||||
<img src="img/buttons/bookmark_this_page.gif" alt="A call to action for you to BOOKMARK THIS PAGE!!! :D">
|
||||
<img src="img/buttons/bootleg.gif" alt="bootleg more things! idk it looked cool :)">
|
||||
<img src="img/buttons/itsdeath.gif" alt="it's death grips! Cute!">
|
||||
<img src="img/buttons/kromer.gif" alt="have some free kromer!">
|
||||
<img src="img/buttons/lowtiergod.png" alt="love yourself NOW!">
|
||||
<img src="img/buttons/neovim.gif" alt="i used neovim to make this site :)">
|
||||
<img src="img/buttons/microshaftl.gif" alt="don't get shafted by microsoft!">
|
||||
<img src="img/buttons/neocities-pink.gif" alt="this site is hosted on neocities!">
|
||||
<img src="img/buttons/piracy.gif" alt="pirate EVERYTHING!">
|
||||
<img src="img/buttons/prideenby.gif.png" alt="NB Pride!">
|
||||
<img src="img/buttons/ralseidoobie.gif" alt="It's ralsei smoking a doobie! Badass!">
|
||||
<img src="img/buttons/transnow2.gif" alt="TRANS RIGHTS!">
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -6,7 +6,7 @@ body {
|
||||
color: black;
|
||||
/*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
|
||||
/*display: grid;*/
|
||||
/*background: #333;*/
|
||||
background: #2e2828;
|
||||
}
|
||||
|
||||
a:link {
|
||||
@@ -81,10 +81,21 @@ iframe {
|
||||
}
|
||||
|
||||
* {
|
||||
width: 90%;
|
||||
|
||||
}
|
||||
|
||||
#queen {
|
||||
width: 20em;
|
||||
|
||||
}
|
||||
|
||||
#susie {
|
||||
height: 5em;
|
||||
}
|
||||
|
||||
#glados {
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 90%;
|
||||
height: 400px;
|
||||
@@ -97,3 +108,15 @@ iframe {
|
||||
.content {width:100%}
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
display: inline-block;
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
border:2px;
|
||||
margin-top: 5em;
|
||||
img {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||