Skip to content

Commit

Permalink
fixed centering and added design
Browse files Browse the repository at this point in the history
  • Loading branch information
ScottN13 committed Apr 22, 2024
1 parent 2a1ec3a commit 9696bbc
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 36 deletions.
6 changes: 4 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<html data-theme="dim" class="bg-error">
<head>
<title>e scotty alert!!!</title>
<title>Home | scottnewman.xyz</title>
<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"/>
<link rel="icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/87974560?v=4">
<link rel="icon" href="https://avatars.githubusercontent.com/u/87974560?v=4">
</head>
<body>
<header>
Expand All @@ -18,6 +18,8 @@
</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 join-item join-horizontal" href="https://scottnewman.xyz/"><i class="fas fa-home" style="padding: 5px;"></i>About Me</a>
Expand Down
70 changes: 36 additions & 34 deletions linktree.html
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<html data-theme="dim" class="bg-error">
<head>
<title>e scotty alert!!!</title>
<title>Link Tree | scottnewman.xyz</title>
<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"/>
<link rel="icon" type="image/x-icon" href="https://avatars.githubusercontent.com/u/87974560?v=4">
<link rel="icon" href="https://avatars.githubusercontent.com/u/87974560?v=4">
</head>
<body>
<header>
Expand All @@ -18,10 +18,12 @@
</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">Link Tree</h1>
</div>
<div role="tablist" class="tabs tabs-bordered p-3">
<a role="tab" class="tab tab-active link-hover join-item join-horizontal" href="https://scottnewman.xyz/"><i class="fas fa-home" style="padding: 5px;"></i>About Me</a>
<a role="tab" class="tab link-hover join-item join-horizontal" href="https://scottnewman.xyz/linktree.html"><i class="fas fa-link" style="padding: 5px;"></i>funny links</a>
<a role="tab" class="tab link-hover join-item join-horizontal" href="https://scottnewman.xyz/"><i class="fas fa-home" style="padding: 5px;"></i>About Me</a>
<a role="tab" class="tab tab-active link-hover join-item join-horizontal" href="https://scottnewman.xyz/linktree.html"><i class="fas fa-link" style="padding: 5px;"></i>funny links</a>
<a role="tab" class="tab tab-disabled link-hover join-item join-horizontal" href="https://scottnewman.xyz/404.html"><i class="fas fa-blog" style="padding: 5px;"></i>guides</a>
<a role="tab" class="tab tab-disabled link-hover join-item join-horizontal" 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 join-item join-horizontal" href="https://scottnewman.xyz/404.html"><i class="fas fa-download" style="padding: 5px;"></i>File Repo</a>
Expand All @@ -31,36 +33,36 @@ <h1 class="text-success text-xl join-item join-horizontal p-2">scottnewman.xyz</



<div class=container mx-auto px-4 style="margin-left: auto;">
<div class="grid grid-rows-3 grid-flow-col gap-4">
<div class="row-span-1">
<div class="card w-96 bg-base-300 flex-1 center shadow-xl text-base-content p-10px margin-auto" style="margin-left: 15px; margin-top: 15px;">
<div class="card-body">
<h2 class="card-title">Link Tree</h2>
<p>This page is a hub for all useful, funny and good-to-know links out there.</p>
</div>
</div>
</div>
<div class="col-span-1 row-span-2">
<div class="card w-96 bg-base-300 flex-1 center shadow-xl text-base-content p-10px margin-auto" style="margin-left: 15px; margin-top: 15px;">
<div class="card-body">
<h2 class="card-title">Classifications</h2>
<li>Funny - such as memes or collection of funny videos</li>
<li>Useful - such as tools or software repos</li>
<p><i class="fas fa-info-circle" style="padding-right: 5px;"></i>If you want to add some links, contact me via my discord server!</p>
</div>
</div>
</div>
<div class="row-span-3 col-span-3">
<div class="card w-6/12 bg-base-300 flex-1 center shadow-xl text-base-content p-10px margin-auto" style="margin-left: 5; margin-top: 15px;">
<div class="card-body">
<h2 class="card-title">Link Tree</h2>
<p>This page is a hub for all useful, funny and good-to-know links out there.</p>
</div>
</div>
</div>
</div>
</div>
<div class=container mx-auto px-4 style="margin-left: auto;">
<div class="grid grid-rows-5 grid-flow-col gap-3">
<div class="row-span-1">
<div class="card w-96 bg-base-300 flex-1 center shadow-xl text-base-content p-10px margin-auto" style="margin-left: 10px; margin-top: 15px;">
<div class="card-body">
<h2 class="card-title">Link Tree</h2>
<p>This page is a hub for all useful, funny and good-to-know links out there.</p>
</div>
</div>
</div>
<div class="col-span-1 row-span-2">
<div class="card w-96 bg-base-300 flex-1 center shadow-xl text-base-content p-10px margin-auto" style="margin-left: 10px; margin-top: 15px;">
<div class="card-body">
<h2 class="card-title">Classifications</h2>
<li>Funny - such as memes or collection of funny videos</li>
<li>Useful - such as tools or software repos</li>
<p><i class="fas fa-info-circle" style="padding-right: 5px;"></i>If you want to add some links, contact me via my discord server!</p>
</div>
</div>
</div>
<div class="row-span-3 col-span-3">
<div class="card w-6/12 bg-base-300 flex-1 center shadow-xl text-base-content p-10px margin-auto" style="margin-left: 15px; margin-top: 15px;">
<div class="card-body">
<h2 class="card-title">le links coming</h2>
<p>soon</p>
</div>
</div>
</div>
</div>
</div>


<footer class="footer absolute bottom-0 p-4 bg-base-100 text-base-content text-xs bg-opacity-1 margin-auto">
Expand Down

0 comments on commit 9696bbc

Please sign in to comment.