beppe/neocities
1
1
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
Beppe Vanrolleghem
2025-04-25 19:32:31 +02:00
parent 6d229a9a85
commit 9bb6711c8e
5 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

Binary file not shown.

BIN
public/.index.html.swp
View File

Binary file not shown.

BIN
public/.main.css.swp
View File

Binary file not shown.

7
public/index.html
View File

@@ -7,6 +7,9 @@
<!--- <title>bvanroll.neocities</title> ---> <!--- <title>bvanroll.neocities</title> --->
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<!-- shader as bg via xemantic/shader-web-background --> <!-- shader as bg via xemantic/shader-web-background -->
<style>
</style>
<script src="https://xemantic.github.io/shader-web-background/dist/shader-web-background.min.js"></script> <script src="https://xemantic.github.io/shader-web-background/dist/shader-web-background.min.js"></script>
<script type="x-shader/x-fragment" id="image"> <script type="x-shader/x-fragment" id="image">
precision mediump float; precision mediump float;
@@ -97,7 +100,7 @@
</ul> </ul>
</div> </div>
<div class="links"> <div class="links">
<h2>My links/contact:</h2> <h2>my links/contact:</h2>
<p><a href="mailto:beppe.vanrolleghem@gmail.com">my email</a> probably the best way to get in contact with me</p> <p><a href="mailto:beppe.vanrolleghem@gmail.com">my email</a> probably the best way to get in contact with me</p>
<p><a href="https://www.tiktok.com/@bvanroll">tiktok</a> my fav social media, mostly posting what i draw on there, another good way to get in contact with me</p> <p><a href="https://www.tiktok.com/@bvanroll">tiktok</a> my fav social media, mostly posting what i draw on there, another good way to get in contact with me</p>
<p><a href="https://steamcommunity.com/id/bvanroll/">steam</a> Gamers tend to be pretty toxic so most of the things on here are set to private, but if you wanna see what games i enjoy it's pretty good</p> <p><a href="https://steamcommunity.com/id/bvanroll/">steam</a> Gamers tend to be pretty toxic so most of the things on here are set to private, but if you wanna see what games i enjoy it's pretty good</p>
@@ -115,6 +118,8 @@
<h2> what's coming </h2>
<p> i really wanna make a shader that emulates my "boxes" i've been drawing recently and use it as the background for this page. It's gonna be a wip but i think it's gonna be really cool if i can get it to work. I hope i can do it in 2d emulating 3d but i might have to do the 3d shader thing that i'm dreading</p>
</div> </div>
</body> </body>
</html> </html>

22
public/main.css
View File

@@ -1,8 +1,11 @@
@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);
body { body {
font-family: "arial"; font-family: "Fira Code", monospace;
color: white; color: white;
text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000; /*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
display: grid; /*display: grid;*/
background: #333; background: #333;
} }
@@ -25,16 +28,15 @@ a:hover {
a:active { a:active {
color: white; color: white;
text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000; /*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
} }
* { * {
font-family:"arial"
} }
.header { .header {
height: 10vh; /*height: 10vh;*/
float: left; /*float: left;*/
} }
.main_view { .main_view {
@@ -45,9 +47,11 @@ a:active {
} }
.navbar_links { .navbar_links {
display: grid; /*display: grid;*/
grid-template-columns: auto auto; /*grid-template-columns: auto auto;*/
width: 30%;
} }
.navbar_link { .navbar_link {
width: 100%;
} }