Skip to content

Commit

Permalink
Complete Rewrite/Rework
Browse files Browse the repository at this point in the history 
Rewrote the code to make it save a fuck ton of space, also added a bunch of new shit such as stats, fixed some old issues aswell.
  • Loading branch information
@musksticks
musksticks committed Oct 18, 2024
1 parent b48adbf commit c50a3db
Show file tree
Hide file tree
Showing 45 changed files with 772 additions and 5,128 deletions.
185 changes: 8 additions & 177 deletions Games/ARK/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,175 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Member Profile - Bombsite Wikipedia</title>
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #121212;
color: #e0e0e0;
margin: 0;
padding: 0;
overflow-x: hidden; /* Prevent horizontal scrolling */
}


header {
background-color: #2a2a2a;
padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}

.menu-bar {
position: absolute;
left: 20px;
display: flex;
align-items: center;
}

.hamburger {
display: inline-block;
cursor: pointer;
margin-right: 15px;
}

.hamburger div {
width: 30px;
height: 3px;
background-color: #ffd700;
margin: 5px 0;
}

.menu {
display: none;
position: absolute;
top: 60px;
left: 0;
width: 200px;
background-color: #2a2a2a;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.menu ul {
list-style-type: none;
padding: 10px;
margin: 0;
}

.menu ul li {
padding: 10px;
border-bottom: 1px solid #ffd700;
}

.menu ul li a {
color: #ffd700;
text-decoration: none;
display: block;
}

.menu ul li a:hover {
background-color: #333333;
}

.home-button {
display: flex;
align-items: center;
margin-left: 0px; /* Space from hamburger */
}

.home-button img {
width: 40px;
height: 40px;
border-radius: 50%; /* Curved logo */
}

.home-button a {
color: #ffd700;
text-decoration: none;
font-size: 1.5em;
margin-left: 5px;
display: flex; /* Center align the text */
align-items: center; /* Center the text vertically */
}

.home-button a:hover {
text-decoration: underline;
}

h1 {
color: #ffd700;
font-size: 2.5em;
margin: 0;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.content {
max-width: 1200px;
margin: 20px auto;
padding: 20px;
background-color: #2a2a2a;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
display: flex;
}

.main {
flex: 3;
margin-right: 20px;
}

.sidebar {
flex: 1;
border-radius: 10px;
padding: 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.sidebar img {
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

h2 {
color: #ffd700;
font-size: 1.5em;
margin-top: 10px;
text-align: center;
}

h3 {
color: #ffd700;
font-size: 2em;
margin: 10px 0;
}

p {
font-size: 1.1em;
margin: 10px 0;
padding: 0 10px;
}

footer {
text-align: center;
padding: 10px;
background-color: #2a2a2a;
position: relative;
bottom: 0;
width: 100%;
}

a {
color: #ffd700;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
</style>
<link rel="stylesheet" href="../styles.css">
</head>
<body>

Expand All @@ -198,18 +30,18 @@ <h1>

<div class="menu" id="menu">
<ul>
<li><a href="Members/">Members</a></li>
<li><a href="Games/">Games</a></li>
<li><a href="Events/">Events</a></li>
<li><a href="History/">History</a></li>
<li><a href="https://wiki.musk.ovh/Members/">Members</a></li>
<li><a href="https://wiki.musk.ovh/Games/">Games</a></li>
<li><a href="https://wiki.musk.ovh/Events/">Events</a></li>
<li><a href="https://wiki.musk.ovh/History/">History</a></li>
</ul>
</div>

<div class="content">
<div class="main">
<h3><u>NaMe (also known as Alex, Neural Spider, Neural Sped)</u></h3>
<h3><u>NAME PLACEHOLDER</u></h3>
<h2>Biography</h2>
<p>This creature tends to play various games on his own while staying completely silent in VC. He also has a tendency to randomly leave Discord VC without uttering a single word. Mediocre at video games, can be funny at times. (Partial <a href="https://wiki.musk.ovh">Lolzard</a> Boyfriend).</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nisi lacus, faucibus at faucibus sit amet, mattis at dui. Vestibulum lobortis dui sed turpis placerat, at dictum elit feugiat. Maecenas tincidunt nec sapien in accumsan. Nunc congue lorem nisi, id ultrices arcu tempor et. Etiam imperdiet sollicitudin mauris non consequat. Fusce congue ullamcorper neque, vitae cursus neque suscipit non. Nulla ut elementum massa, et interdum tellus. Phasellus malesuada eleifend auctor. Sed venenatis diam velit, varius malesuada leo mollis id. Etiam tempor nulla erat, non mollis elit ornare in. Integer nec sapien id mauris commodo porta. </p>

<h2>Games Played</h2>
<p>Etiam luctus felis nisl, eu iaculis orci viverra nec. Praesent vulputate dictum lectus nec tincidunt. Nam risus ex, tempus et velit suscipit, euismod sodales dui. Integer consectetur pharetra rhoncus. Donec venenatis ornare volutpat. Integer finibus posuere leo sed blandit. Curabitur arcu orci, placerat ut vestibulum sit amet, mollis vitae quam. Donec dignissim nisi at odio molestie porta. Aenean malesuada egestas felis, at ultrices metus finibus nec. Curabitur eu laoreet nulla. Nunc ultrices, ipsum ut mollis rutrum, neque orci vulputate tortor, vel ultricies tortor mi vitae dui. Phasellus tellus turpis, interdum ornare porta eget, convallis id nisl.</p>
Expand All @@ -225,7 +57,7 @@ <h2>Fun Facts</h2>
</div>

<div class="sidebar">
<img src="../../assets/steelix.jpg" alt="Member Large Photo">
<img src="../../assets/test.jpg" alt="Member Large Photo">

<h2>Description</h2>
<p>Short description or tagline about the member. This can be a summary of their personality or role.</p>
Expand All @@ -237,7 +69,6 @@ <h2>Description</h2>
<a href="https://wiki.musk.ovh/Members">Back to Members List</a>
</footer>

<!-- Include the members.js file -->
<script src="../../members.js"></script>

<script>
Expand Down
Loading

0 comments on commit c50a3db

Please sign in to comment.