nin0/website
1
0
Fork 1
Code Pull requests Packages 1 Activity

Added more useless yap no one gives a fuck about

Browse source
This commit is contained in:
nin0dev 2024-05-11 02:31:13 -04:00
parent c8c150b84a
commit 67b548470f
3 changed files with 36 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -4,8 +4,9 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 5 Boilerplate</title> <title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/98.css"> <link rel="stylesheet" href="https://unpkg.com/98.css">
<link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div class="window" id="main-window"> <div class="window" id="main-window">
@ -17,6 +18,22 @@
<img src="logo.png" alt="the nin0dev logo" id="pfp"> <img src="logo.png" alt="the nin0dev logo" id="pfp">
<h3>nin0dev <span style="font-size: 0.4em;">(he/him)</span></h3> <h3>nin0dev <span style="font-size: 0.4em;">(he/him)</span></h3>
</div> </div>
<br/>
<fieldset>
<legend>About me</legend>
I'm a Canadian self-taught software developer that makes useless things in Python, HTML, JavaScript, and Kotlin.
<br/>
yeah that's it
</fieldset>
<br/>
<fieldset>
<legend>Reach out!</legend>
<ul style="margin-top: 5px; margin-bottom: 5px; padding-left: 20px;">
<li>Discord: @nin0.dev</li>
<li>Email: <a href="mailto:support@nin0dev.com">support@nin0dev.com</a></li>
<li>Telegram: <a href="https://t.me/nin0dev">@nin0dev</a></li>
</ul>
</fieldset>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/lanyard-wrapper/dist/index.browser.js"></script> <script src="https://cdn.jsdelivr.net/npm/lanyard-wrapper/dist/index.browser.js"></script>

6
index.js
View file

@ -1,6 +1,10 @@
shouldLog = false;
function log(content) {
if (shouldLog) console.log(content);
}
function onUpdate(data) { function onUpdate(data) {
console.log(data)
// set status // set status
log(data)
const pfp = document.getElementById("pfp"); const pfp = document.getElementById("pfp");
switch(data["discord_status"]) { switch(data["discord_status"]) {
case "online": case "online":

16
style.css
View file

@ -12,12 +12,12 @@ body {
max-width: 600px; max-width: 600px;
} }
.window { .window {
background-color: #202020 !important; background-color: #202020;
color: white; color: white;
box-shadow: inset -1px -1px #000000,inset 1px 1px #202020,inset -2px -2px #151515,inset 2px 2px #404040 !important; box-shadow: inset -1px -1px #000000,inset 1px 1px #202020,inset -2px -2px #151515,inset 2px 2px #404040;
} }
.window .title-bar { .window .title-bar {
background: linear-gradient(90deg, navy, #0a52b1) !important; background: linear-gradient(90deg, navy, #0a52b1);
} }
.window-body { .window-body {
padding: 10px; padding: 10px;
@ -38,4 +38,14 @@ body {
border-color: var(--offline-color); border-color: var(--offline-color);
border-style: solid; border-style: solid;
border-width: 2px; border-width: 2px;
}
legend {
background: #00000000;
}
fieldset {
border-color: #606060;
border-image: none;
}
a {
color: cornflowerblue;
} }