-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Switched the main page to a WIP front, while working on ui-v2 branch.
- Loading branch information
Showing
2 changed files
with
166 additions
and
51 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,160 @@ | ||
<html data-theme="blob"> | ||
<head> | ||
<title>Home | scottnewman.xyz</title> | ||
<link rel="icon" href="https://avatars.githubusercontent.com/u/87974560?v=4"> | ||
<!--daisyUI + TailwindCSS CDNs--> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" /> | ||
<script src="https://cdn.tailwindcss.com"></script> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"/> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<!--My overrides--> | ||
<link rel="stylesheet" href="assets/style.css"> | ||
<script src="assets/index.ts"></script> | ||
<!--webamp--> | ||
<script src="https://unpkg.com/[email protected]/built/webamp.bundle.min.js"></script> | ||
<!--Discord Share Link Embed--> | ||
<meta content="Home | scottnewman.xyz" property="og:title" /> | ||
<meta content="website used for funny" property="og:description" /> | ||
<meta content="https://www.scottnewman.xyz" property="og:url" /> | ||
<meta content="https://avatars.githubusercontent.com/u/87974560?v=4" property="og:image" /> | ||
<meta content="#B22222" data-react-helmet="true" name="theme-color" /> | ||
</head> | ||
|
||
<body> | ||
<header> | ||
<nav class="navbar navbar-center bg-base-100"> | ||
<div class="flex-1"> | ||
<div tabindex="0" role="button" class="btn btn-ghost btn-disabled btn-circle avatar"> | ||
<div class="w-10 rounded-full"> | ||
<img alt="pfp" src="https://avatars.githubusercontent.com/u/87974560?v=4" /> | ||
</div> | ||
</div> | ||
<h1 class="text-success text-xl join-item join-horizontal p-2">scottnewman.xyz</h1> | ||
<div class="divider divider-horizontal"></div> | ||
<h1 class="text-xl text-base-content join-horizontal">Home</h1> | ||
</div> | ||
<div role="tablist" class="tabs tabs-bordered p-3"> | ||
<a role="tab" class="tab tab-active link-hover" href="https://scottnewman.xyz/"><i class="fas fa-home" style="padding: 5px;"></i>About Me</a> | ||
<a role="tab" class="tab link-hover" href="https://www.scottnewman.xyz/linktree.html"><i class="fas fa-link" style="padding: 5px;"></i>funny links</a> | ||
<a role="tab" class="tab link-hover " href="https://blog.scottnewman.xyz/"><i class="fas fa-blog" style="padding: 5px;"></i>Blog / Guides</a> | ||
<a role="tab" class="tab tab-disabled link-hover" href="https://scottnewman.xyz/404.html"><i class="fas fa-book" style="padding: 5px;"></i>Guestbook</a> | ||
<a role="tab" class="tab tab-disabled link-hover" href="https://scottnewman.xyz/404.html"><i class="fas fa-download" style="padding: 5px;"></i>File Repo</a> | ||
</div> | ||
</nav> | ||
</header> | ||
|
||
|
||
<div class="grid-container"> | ||
<div class="bg-opacity-0 side-panel shadow-xl "> | ||
<div class="card w-96 bg-base-300 shadow-xl text-base-content"> | ||
<h2 class="title" style="padding: 15px;"><button onclick="newsDropdown" id="dropdownbtn"><i class="fas fa-newspaper" style="margin-right: 10px;"></i>Latest News and Uploads</button></h2> | ||
<div class="card-body bg-base-100 side-panel-body" id="news"> | ||
<div id="news-content"> | ||
<li class="text-lg">Blog:</li> | ||
<iframe src="https://blog.scottnewman.xyz" title="Blog Embed" height="300" width="320" style="border: none;" scrolling="no"></iframe> | ||
<div class="divider"></div> | ||
<li class="text-lg">Youtube:</li> | ||
<iframe | ||
src="https://www.youtube-nocookie.com/embed?listType=playlist&list=UU6q41x-Ei4YehBNtVRYzf_g" width="344" height="188" allowfullscreen></iframe> | ||
<div class="divider"></div> | ||
<li>Discord Activity</li> | ||
<iframe src="https://discord.com/widget?id=1190647465645449256&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="card w-96 bg-base-300 text-base-content shadow-xl landing-box"> | ||
<h2 class="title" style="padding: 15px;">Welcome!</h2> | ||
<div class="card-body bg-base-100"> | ||
<p>You just landed on this page!</p> | ||
<div class="divider text-lg">Who am I?</div> | ||
<p>I'm Scott, a romanian who enjoys gaming and programming.</p> | ||
<p>I like helping out people and hang out.</p> | ||
<h6 class="really-small-text-because-of-daisy-ui">i also speak german.</h6> | ||
<div class="dropdown"> | ||
<div tabindex="0" role="button" class="btn m-1" title="Click anywhere else to close dropdown.">My Projects</div> | ||
<ul tabindex="0" class="dropdown-content dropdown-outlined z-[1] menu p-2 shadow bg-base-100 rounded-box w-52"> | ||
<li>boxpyshell - a shell made entirely in python!</li> | ||
</ul> | ||
</div> | ||
<div class="divider text-lg">Socials</div> | ||
<div class="join"> | ||
<a class="join-item join-horizontal join-item-space" title="youtube"><i class="fab fa-youtube fa-lg"></i></a> | ||
<a class="join-item join-horizontal join-item-space" title="reddit"><i class="fab fa-reddit fa-lg"></i></a> | ||
<a class="join-item join-horizontal join-item-space" title="twitter"><i class="fab fa-twitter fa-lg"></i></a> | ||
<a class="join-item join-horizontal join-item-space" title="github"><i class="fab fa-github fa-lg"></i></a> | ||
<a class="join-item join-horizontal join-item-space" title="github website repo"><i class="fab fa-github-square fa-lg"></i></a> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div id="app" style="position: absolute; bottom: 70; right: 150;"></div> | ||
<script src="https://unpkg.com/webamp"></script> | ||
<script> | ||
const app = document.getElementById("app") | ||
const webamp = new Webamp({ | ||
initialTracks: [{ | ||
metaData: { | ||
artist: "j^p^n", | ||
title: "Bloom", | ||
}, | ||
url: "assets/audio/j^p^n - Bloom.mp3", | ||
}, | ||
{ | ||
metaData: { | ||
artist: "Jake Chudnow", | ||
title: "Moon Men (Instrumental)", | ||
}, | ||
url: "assets/audio/Jake Chudnow - Moon Men (Instrumental).mp3" | ||
}, | ||
], | ||
windowLayout: { | ||
main: { | ||
position: { top: 0, left: 0 }, | ||
shadeMode: false, | ||
closed: false, | ||
}, | ||
equalizer: { | ||
position: { top: 0, left: 0 }, | ||
shadeMode: false, | ||
closed: true, | ||
}, | ||
playlist: { | ||
position: { top: 0, left: 0 }, | ||
shadeMode: true, | ||
// size: { extraHeight: 3, extraWidth: 7 }, | ||
closed: false, | ||
}, | ||
}, | ||
enableDoubleSizeMode: false, | ||
}); | ||
webamp.renderWhenReady(app); | ||
// Check if Winamp is supported in this browser | ||
if(!Webamp.browserIsSupported()) { | ||
alert("Oh no! Webamp does not work!") | ||
throw new Error("oopsie webamp no work") | ||
} | ||
webamp.play(); | ||
</script> | ||
|
||
<footer class="footer absolute bottom-0 p-4 bg-base-100 text-base-content text-xs bg-opacity-1 margin-auto"> | ||
<aside> | ||
<h4>Copyleft scottnewman.xyz 2024 - all lefts unreserved</h4> | ||
<div class="join grid grid-flow-col gap-4"> | ||
<a class="join-item join-horizontal link link-hover">sign your life away!</a> | ||
<a class="join-item join-horizontal link" href="https://github.com/ScottN13/ScottN13.github.io">github repo</a> | ||
<a class="join-item join-horizontal link" href="https://www.scottnewman.xyz/credits.html">credits</a> | ||
<div class="join-item join-horizontal divider divider-horizontal"></div> | ||
<p>socials :</p> | ||
<a class="join-item join-horizontal link" href="www.youtube.com/@scottnewmanfm">youtube</a> | ||
<a class="join-item join-horizontal link" href="https://discord.gg/Ht5zzZ4Teq">discord</a> | ||
<a class="join-item join-horizontal link" href="https://twitter.com/scotttynewman">twitter/X</a> | ||
<a class="join-item join-horizontal link" href="https://www.reddit.com/user/Crazyman-X/">reddit</a> | ||
<div class="join-item join-horizontal divider divider-horizontal"></div> | ||
</div> | ||
</aside> | ||
</footer> | ||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters