Skip to content

Commit

Permalink
Minor Improvements
Browse files Browse the repository at this point in the history 
better code, better positioning?? maybe??
  • Loading branch information
@boudywho
boudywho authored Jan 24, 2024
1 parent 62d4fb8 commit ad45de8
Show file tree
Hide file tree
Showing 3 changed files with 161 additions and 61 deletions.
99 changes: 55 additions & 44 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,56 +1,67 @@
<!DOCTYPE html>
<html>

<head>
<title>~/startpage 🏠</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<head>
<title>~/startpage 🏠</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<div class="image">
<img alt="fem" src="small.png">
</div>
<nav>
<h1>•* ⁀ ➷ This is Boudy! .ೃ࿐</h1>
<h2 id="date"></h2>
<ul>
<li>~/general </li>
<li><a href="https://t.me/boudywho">Telegram ೃ⁀➷</a></li>
<li><a href="https://discordapp.com/users/520586357563981825">Discord₊˚ପ</a></li>
<li><a href="https://open.spotify.com/user/9a0lne9nzoaotfed3eq9pbqcv?si=7e1fd4e7391346c9">Spotify ･ﾟ✧･ﾟ✧</a></li>
<li><a href="https://www.youtube.com/@boudyisnoob">YouTube</a></li>
<li><a href="https://monkeytype.com/profile/boudywho/">MonkeyType</a></li>
</ul>
<ul>
<li>~/dev </li>
<li><a href="https://github.com/boudywho">GitHub .・゜✧</a></li>
<li><a href="https://t.me/boudyai">AI Pics✧.*</a></li>
<li><a href="https://discordapp.com/users/1181654270970441819">Discord Bot•°.࿐</a></li>
<li><a href="https://aur.archlinux.org/">AUR</a></li>
</ul>
<ul>
<li>~/school (Personal Links)</li>
<li><a href="https://notion.so">Notion</a></li>
<li><a href="https://keep.google.com/u/0/">Google Keep</a></li>
<li><a href="https://www.wojodacademy.com/dashboard">Wojod</a></li>
</ul>
<ul>
<li>~/reddit </li>
<li><a href="https://www.reddit.com/user/boudywho">Reddit</a></li>
<li><a href="https://reddit.com/r/unixporn/">r/unixporn</a></li>
<li><a href="https://reddit.com/r/archlinux/">r/archlinux</a></li>
</ul>
<div style = "position:relative;left:70px;top:2px;">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4flLBKLFrEh1TzANTYGTPa?utm_source=generator&theme=0" width="130%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<body>
<div style = "position: relative;top: 150px;left: 100px;" class="image">
<img alt="fem" src="small.png">
</div>
<nav>
<h1>•* ⁀ ➷ This is Boudy! .ೃ࿐</h1>
<h2 id="date"></h2>

<div style="position: relative;left: 90px;">
<ul>
<li>~/general </li>
<li><a href="https://t.me/boudywho">Telegram ೃ⁀➷</a></li>
<li><a href="https://discordapp.com/users/520586357563981825">Discord₊˚ପ</a></li>
<li><a href="https://open.spotify.com/user/9a0lne9nzoaotfed3eq9pbqcv?si=7e1fd4e7391346c9">Spotify ･ﾟ✧･ﾟ✧</a></li>
<li><a href="https://www.youtube.com/@boudyisnoob">YouTube</a></li>
<li><a href="https://monkeytype.com/profile/boudywho/">MonkeyType</a></li>
</ul>
</div>
<div style="position: relative;left: 90px;">
<ul>
<li>~/dev </li>
<li><a href="https://github.com/boudywho">GitHub .・゜✧</a></li>
<li><a href="https://t.me/boudyai">AI Pics✧.*</a></li>
<li><a href="https://discordapp.com/users/1181654270970441819">Discord Bot•°.࿐</a></li>
<li><a href="https://aur.archlinux.org/">AUR</a></li>
</ul>
</div>
<div style="position: relative;left: 90px;">
<ul>
<li>~/school (Personal Links)</li>
<li><a href="https://notion.so">Notion</a></li>
<li><a href="https://keep.google.com/u/0/">Google Keep</a></li>
<li><a href="https://www.wojodacademy.com/dashboard">Wojod</a></li>
</ul>
</div>
<div style="position: relative;left: 90px;">
<ul>
<li>~/reddit </li>
<li><a href="https://www.reddit.com/user/boudywho">Reddit</a></li>
<li><a href="https://reddit.com/r/unixporn/">r/unixporn</a></li>
<li><a href="https://reddit.com/r/archlinux/">r/archlinux</a></li>
</ul>
</div>
<div style = "position:relative;left:160px;top:2px;">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4flLBKLFrEh1TzANTYGTPa?utm_source=generator&theme=0" width="130%" height="152" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<br>
<br>
<br>
<br>
<br>
<li><a href="spotify.html">Spotify Page :> (under construction shhh)</a></li>
</nav>
<script type="text/javascript" src="index.js"></script>
</body>
<div style="position: relative;left: 220px;">
<a href="spotify.html">Spotify Page :> (under construction shhh)</a>
</div>
</nav>
<script type="text/javascript" src="index.js"></script>
</body>

</html>
37 changes: 20 additions & 17 deletions spotify.html
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,26 @@
<!DOCTYPE html>
<html>

<head>
<title>~/Spotify</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<head>
<title>~/Spotify</title>
<link rel="stylesheet" type="text/css" href="stylespotify.css">
</head>

<body>
<nav>
<h1>•* ⁀ ➷ My playlists .ೃ࿐</h1>
<h1><div style = "position:relative;right:100px;top:0px;">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4aTtB4MV00ZFwQvEUjRkHj?utm_source=generator" width="150%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<div style = "position:relative;right:100px;top:0px;">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6xk8MBSfV8XipqVJd4Yp9W?utm_source=generator&theme=0" width="150%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</h1>
</nav>
<script type="text/javascript" src="index.js"></script>
</body>
<body>
<nav>
<h1>•* ⁀ ➷ My playlists .ೃ࿐</h1>
<h1>
<div style = "position:relative;right:125px;bottom:20px;">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4aTtB4MV00ZFwQvEUjRkHj?utm_source=generator" width="150%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>

<div style = "position:relative;right:125px;bottom:15px;">
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/6xk8MBSfV8XipqVJd4Yp9W?utm_source=generator&theme=0" width="150%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</h1>
</nav>

<script type="text/javascript" src="index.js"></script>
</body>

</html>
86 changes: 86 additions & 0 deletions stylespotify.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
@font-face {
font-family: "Font";
src: url("./JetBrains.ttf");
}

html {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}

body {
display: flex;
color: #dcc6a0;
background: #211d1d;
margin-right: 9em;
padding: 1em;
font-family: Font;
}

img {
height: 600px;
width: 350px;
margin-right: 2em;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

nav {
display: grid;
grid-row-gap: 1em;
grid-template-columns: 1fr 1fr;
min-width: 24em;
grid-auto-rows: max-content;
}

h1 {
font-size: 2.2em;
font-weight: 600;
grid-column: 1/-1;
text-align: center;
margin-bottom: 0;
}

h2 {
font-size: 1.2em;
font-weight: 600;
color: #a56951;
grid-column: 1/-1;
text-align: center;
margin-bottom: 2.3em;
}

ul {
margin: 0;
padding: 0;
white-space: nowrap;
list-style-type: none;
}

li {
line-height: 1.4em;
margin-left: 4.8em;
}

li:first-child {
display: inline-block;
color: #cca86b;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 2.5em;
}

a {
color: #b66d61;
font-size: 1.1em;
text-decoration: none;
}

a:hover {
color: #ff864e;
font-style: italic;
}

0 comments on commit ad45de8

Please sign in to comment.