Skip to content

Commit

Permalink
Switched the main page to a WIP front, while working on ui-v2 branch.
Browse files Browse the repository at this point in the history
  • Loading branch information
ScottN13 committed Oct 19, 2024
1 parent dd2aec5 commit e519834
Show file tree
Hide file tree
Showing 2 changed files with 166 additions and 51 deletions.
160 changes: 160 additions & 0 deletions actually_index.html
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>
57 changes: 6 additions & 51 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,62 +32,17 @@
<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 class="card bg-base-100 w-96 shadow-xl" style="display: grid; margin-left: 35%; margin-top: 15%;">
<div class="card-body">
<h2 class="card-title">Oh!</h2>
<p>This Website is under construction!</p>
</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>
Expand Down Expand Up @@ -124,7 +79,7 @@ <h6 class="really-small-text-because-of-daisy-ui">i also speak german.</h6>
position: { top: 0, left: 0 },
shadeMode: true,
// size: { extraHeight: 3, extraWidth: 7 },
closed: false,
closed: true,
},
},
enableDoubleSizeMode: false,
Expand Down

0 comments on commit e519834

Please sign in to comment.