Building Structure
Added some files from another site project as a template to get started. Added some folders to construct a base structure.
This commit is contained in:
Cutieguwu
220
Global_Resources/style.css
Normal file
220
Global_Resources/style.css
Normal file
@@ -0,0 +1,220 @@
|
||||
body
|
||||
{
|
||||
font-family: Arial;
|
||||
background-color: #ffd589;
|
||||
}
|
||||
|
||||
hr
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
p
|
||||
{
|
||||
font-size: 1.03vw;
|
||||
}
|
||||
|
||||
.titleimg
|
||||
{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.subtitle
|
||||
{
|
||||
text-align: center;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.menubar ul
|
||||
{
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.menubar ul a
|
||||
{
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background-color: #5181ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.menubar ul a:hover
|
||||
{
|
||||
background-color: #8800ff;
|
||||
}
|
||||
|
||||
.dropdown
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background-color: #8800ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdownContent
|
||||
{
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.dropdownContent
|
||||
{
|
||||
display: none;
|
||||
background-color: #5181ff;
|
||||
}
|
||||
|
||||
.dropdownContent a:hover {
|
||||
background-color: #8800ff;
|
||||
}
|
||||
|
||||
.dropdownContent a
|
||||
{
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.menubar-side
|
||||
{
|
||||
float: left;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.menubar-side ul
|
||||
{
|
||||
display: table;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.menubar-side ul a
|
||||
{
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background-color: #5181ff;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.global-page-subtitle
|
||||
{
|
||||
color: white;
|
||||
opacity: 1;
|
||||
text-align: center;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
width: fit-content;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
background-color: #9e84ff;
|
||||
}
|
||||
|
||||
.global-page-subtitle p
|
||||
{
|
||||
color: white;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
text-align: center, justify;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.global-page-bg
|
||||
{
|
||||
margin-top: 50px;
|
||||
margin-left: 300px;
|
||||
margin-right: 250px;
|
||||
max-width: 1300px;
|
||||
min-width: fit-content;
|
||||
align-self: center;
|
||||
background-color: #84a6ff;
|
||||
opacity: 0.9;
|
||||
z-index: 1;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.main-page-greet
|
||||
{
|
||||
border-radius: 20px;
|
||||
background-color: #84a6ff;
|
||||
color: white;
|
||||
opacity: 1 !important;
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
margin-left: 300px;
|
||||
margin-right: 250px;
|
||||
max-width: 1300px;
|
||||
min-width: fit-content;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-page-greet p
|
||||
{
|
||||
color: white;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
text-align: center, justify;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.main-page-title
|
||||
{
|
||||
border-radius: 20px;
|
||||
background-color: #ff9646;
|
||||
color: white;
|
||||
opacity: 1 !important;
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
max-width: 1200px;
|
||||
min-width: fit-content;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-page-content
|
||||
{
|
||||
opacity: 1;
|
||||
padding-top: 20px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
background-color: #9e84ff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.main-page-content p
|
||||
{
|
||||
color: white;
|
||||
opacity: 1;
|
||||
position: relative;
|
||||
text-align: center, justify;
|
||||
}
|
||||
103
home.html
Normal file
103
home.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="The Official Website for Bearock SMP">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="keywords" content="minecraft, minecraft bedrock, bearock, bearocksmp, bearock smp, mcbe, mc bedrock, bedrock edition, bedrock edition smp">
|
||||
<title>Bearock SMP</title>
|
||||
<link rel="stylesheet" type="text/css" href="./CSS/style.css">
|
||||
<img class="titleimg" src="./Global_Resources/Bearock_SMP.png">
|
||||
<h3 class="subtitle">A Private Survival Multiplayer Server</p>
|
||||
<nav>
|
||||
<div class="menubar">
|
||||
<ul>
|
||||
<a href="">Home</a>
|
||||
<a href="./Videos/videos.html">Videos</a>
|
||||
<li class="dropdown">
|
||||
<a href="./Members/member.html">Members</a>
|
||||
<div class="dropdownContent">
|
||||
<a href="./Members/Olive/member.html">Beartech</a>
|
||||
<a href="./Members/TheEggYT/member.html">TheEggYT</a>
|
||||
<a href="./Members/KatieKooky/member.html">KatieKooky</a>
|
||||
<a href="./Members/EarthTuba/member.html">EarthTuba</a>
|
||||
<a href="./Members/Puffy/member.html">Puffy</a>
|
||||
<a href="./Members/Pancakes/member.html">Pancakes</a>
|
||||
<a href="./Members/Pixeldragon/member.html">Pixeldragon</a>
|
||||
<a href="./Members/DustyBoi/member.html">DustyBoi</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="./About/Seasons/season.html">Seasons</a>
|
||||
<div class="dropdownContent">
|
||||
<a href="./About/Seasons/S0/season.html">Season 0</a>
|
||||
<a href="./About/Seasons/S1/season.html">Season 1</a>
|
||||
<a href="./About/Seasons/S2/season.html">Season 2</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="./Downloads/download.html">Downloads</a>
|
||||
<div class="dropdownContent">
|
||||
<a href="./Downloads/Worlds/download.html">Worlds</a>
|
||||
<a href="./Downloads/Packs/download.html">Addons & Packs</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="./About/about.html">About</a>
|
||||
<div class="dropdownContent">
|
||||
<a href="./About/Rules/about.html">Rules</a>
|
||||
<a href="./About/Software/about.html">Software</a>
|
||||
<a href="./About/Uptime/about.html">When's it on?</a>
|
||||
<a href="./About/Specs/about.html">Server Specs</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="menubar-side">
|
||||
<ul>
|
||||
<a href="#News1">May. 20, 2022</a>
|
||||
<hr>
|
||||
<a href="#News2">Apr. 21, 2022</a>
|
||||
<hr>
|
||||
<a href="#News3">Apr. 20, 2022</a>
|
||||
<hr>
|
||||
<a href="#News4">Apr. 19, 2022</a>
|
||||
<hr>
|
||||
<a href="#News5">Apr. 18, 2022</a>
|
||||
<hr>
|
||||
<a href="#News6">Apr. 17, 2022</a>
|
||||
<hr>
|
||||
<a href="#News7">Apr. 16, 2022</a>
|
||||
<hr>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main-page-greet">
|
||||
<p>Welcome to the Bearock SMP website! We are a few friends who play together too much on our spare time. Some of us make content on the side, others just play peacefully (Unless they have dealings with KatieKooky... You'll see soon enough what I mean. - Bear) On this site, you can find all kinds of information. Who owns the server (Me, Bear, BTW), all of our members (Active or Otherwise), their pronouns and any other information they may want to share. You can also find out about major events and builds of each season from the Seasons tab in the menu. For information and questions about the server, that can be found under the About tab.</p>
|
||||
<p>Good Luck!</p>
|
||||
</div>
|
||||
<div class="global-page-bg">
|
||||
<hr>
|
||||
<div class="main-page-title">
|
||||
<h2>~ Bearock SMP | News Feed ~</h2>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="main-page-content" id="News1">
|
||||
<p>There's totally news here...</p>
|
||||
<p>- Bear</p>
|
||||
</div>
|
||||
<div class="main-page-content" id="News2">
|
||||
<p>There's totally news here too...</p>
|
||||
<p>- Bear</p>
|
||||
</div>
|
||||
<div class="global-page-subtitle">
|
||||
<p>Website managed by Bear [Beartech]</p>
|
||||
</div>
|
||||
<hr>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user