Working on adding scalability
This commit is contained in:
Cutieguwu
@@ -36,12 +36,12 @@ p
|
|||||||
.menubar ul a
|
.menubar ul a
|
||||||
{
|
{
|
||||||
float: left;
|
float: left;
|
||||||
width: 200px;
|
width: 10vw;
|
||||||
height: 40px;
|
height: 2vw;
|
||||||
background-color: #5181ff;
|
background-color: #5181ff;
|
||||||
line-height: 40px;
|
line-height: 2vw;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 1.03vw;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: white;
|
color: white;
|
||||||
display: inline;
|
display: inline;
|
||||||
@@ -58,12 +58,12 @@ p
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
float: left;
|
float: left;
|
||||||
width: 200px;
|
width: 10vw;
|
||||||
height: 40px;
|
height: 2vw;
|
||||||
background-color: #8800ff;
|
background-color: #8800ff;
|
||||||
line-height: 40px;
|
line-height: 2vw;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 1.03vw;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -80,7 +80,8 @@ p
|
|||||||
background-color: #5181ff;
|
background-color: #5181ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdownContent a:hover {
|
.dropdownContent a:hover
|
||||||
|
{
|
||||||
background-color: #8800ff;
|
background-color: #8800ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -91,33 +92,32 @@ p
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menubar-side
|
|
||||||
{
|
|
||||||
float: left;
|
|
||||||
width: 200px;
|
|
||||||
text-align: center;
|
|
||||||
color: white;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menubar-side ul
|
.menubar-side ul
|
||||||
{
|
{
|
||||||
|
float: left;
|
||||||
display: table;
|
display: table;
|
||||||
margin: 0 auto;
|
width: 10vw;
|
||||||
|
margin-left: 2.5%;
|
||||||
|
line-height: 2vw;
|
||||||
|
display: inline;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menubar-side ul a
|
.menubar-side ul a
|
||||||
{
|
{
|
||||||
float: left;
|
|
||||||
width: 200px;
|
|
||||||
height: 40px;
|
|
||||||
background-color: #5181ff;
|
background-color: #5181ff;
|
||||||
line-height: 40px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 20px;
|
font-size: 1.03vw;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: white;
|
color: white;
|
||||||
display: inline;
|
height: 2vw;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menubar-side ul a:hover
|
||||||
|
{
|
||||||
|
background-color: #8800ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.global-page-subtitle
|
.global-page-subtitle
|
||||||
@@ -125,12 +125,11 @@ p
|
|||||||
color: white;
|
color: white;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-left: 20px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: #9e84ff;
|
background-color: #9e84ff;
|
||||||
|
margin-left: 1.5vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.global-page-subtitle p
|
.global-page-subtitle p
|
||||||
@@ -144,33 +143,26 @@ p
|
|||||||
|
|
||||||
.global-page-bg
|
.global-page-bg
|
||||||
{
|
{
|
||||||
margin-top: 50px;
|
float: right;
|
||||||
margin-left: 300px;
|
margin-top: 4vw;
|
||||||
margin-right: 250px;
|
margin-right: 14.875%;
|
||||||
max-width: 1300px;
|
width: 68.25%;
|
||||||
min-width: fit-content;
|
|
||||||
align-self: center;
|
|
||||||
background-color: #84a6ff;
|
background-color: #84a6ff;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-page-greet
|
.main-page-greet
|
||||||
{
|
{
|
||||||
|
float: right;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
background-color: #84a6ff;
|
background-color: #84a6ff;
|
||||||
color: white;
|
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
text-align: center;
|
margin-top: 2vw;
|
||||||
margin-top: 50px;
|
margin-right: 14.875%;
|
||||||
margin-left: 300px;
|
width: 68.25%;
|
||||||
margin-right: 250px;
|
|
||||||
max-width: 1300px;
|
|
||||||
min-width: fit-content;
|
|
||||||
padding-top: 1px;
|
|
||||||
padding-bottom: 1px;
|
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-page-greet p
|
.main-page-greet p
|
||||||
@@ -189,26 +181,28 @@ p
|
|||||||
color: white;
|
color: white;
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 20px;
|
margin-top: 2vw;
|
||||||
margin-left: 50px;
|
margin-left: auto;
|
||||||
margin-right: 50px;
|
margin-right: auto;
|
||||||
max-width: 1200px;
|
|
||||||
min-width: fit-content;
|
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
width: 65vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-page-content
|
.main-page-content
|
||||||
{
|
{
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
padding-top: 20px;
|
padding-top: 3px;
|
||||||
margin-left: 20px;
|
padding-bottom: 3px;
|
||||||
margin-right: 20px;
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
background-color: #9e84ff;
|
background-color: #9e84ff;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
text-align: center;
|
||||||
|
width: 55vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-page-content p
|
.main-page-content p
|
||||||
|
|||||||
78
home.html
78
home.html
@@ -2,55 +2,34 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="description" content="The Official Website for Bearock SMP">
|
<meta name="description" content="Cutieguwu's Official website">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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">
|
<meta name="keywords" content="cutieguwu, 3d printing, cnc, laser engraving, video games, sewing, costumes, art">
|
||||||
<title>Bearock SMP</title>
|
<title>Cutieguwu - Home</title>
|
||||||
<link rel="stylesheet" type="text/css" href="./CSS/style.css">
|
<link rel="stylesheet" type="text/css" href="./Global_Resources/style.css">
|
||||||
<img class="titleimg" src="./Global_Resources/Bearock_SMP.png">
|
<img class="titleimg" src="">
|
||||||
<h3 class="subtitle">A Private Survival Multiplayer Server</p>
|
<h3 class="subtitle">Welcome to my official site! Explore my projects!</p>
|
||||||
<nav>
|
<nav>
|
||||||
<div class="menubar">
|
<div class="menubar">
|
||||||
<ul>
|
<ul>
|
||||||
<a href="">Home</a>
|
<a href="">Home</a>
|
||||||
<a href="./Videos/videos.html">Videos</a>
|
<a href="./Videos/videos.html">Videos</a>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="./Members/member.html">Members</a>
|
<a href="./3D_Design/3d_design.html">3D Design</a>
|
||||||
<div class="dropdownContent">
|
<div class="dropdownContent">
|
||||||
<a href="./Members/Olive/member.html">Beartech</a>
|
<a href="./3D_Design/3D_Printing/">3D Printing</a>
|
||||||
<a href="./Members/TheEggYT/member.html">TheEggYT</a>
|
<a href="./3D_Design/CNC_Routing/">CNC Routing</a>
|
||||||
<a href="./Members/KatieKooky/member.html">KatieKooky</a>
|
<a href="./3D_Design/Laser_Engraving/">Laser Engraving</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>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
<a href="./About/Seasons/season.html">Seasons</a>
|
<a href="./Sewing/sewing.html">Sewing</a>
|
||||||
<div class="dropdownContent">
|
<div class="dropdownContent">
|
||||||
<a href="./About/Seasons/S0/season.html">Season 0</a>
|
<a href="./Sewing/Costume_Design/">Costume Design</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>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
<a href="./Video_Gaming/video_gaming.html">Video Gaming</a>
|
||||||
|
<a href="./About/about.html">About</a>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
@@ -59,42 +38,27 @@
|
|||||||
<div>
|
<div>
|
||||||
<div class="menubar-side">
|
<div class="menubar-side">
|
||||||
<ul>
|
<ul>
|
||||||
<a href="#News1">May. 20, 2022</a>
|
<a href="#News1">June 03, 2023</a>
|
||||||
<hr>
|
<hr>
|
||||||
<a href="#News2">Apr. 21, 2022</a>
|
<a href="#News1">June 03, 2023</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>
|
<hr>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="main-page-greet">
|
<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>Welcome to my [Cutieguwu's] personal website! Everywhere you look, you'll find something new and interesting that I'm spending too much time on!</p>
|
||||||
<p>Good Luck!</p>
|
<p>Have Fun!!</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="global-page-bg">
|
<div class="global-page-bg">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="main-page-title">
|
<div class="main-page-title">
|
||||||
<h2>~ Bearock SMP | News Feed ~</h2>
|
<h2>Latest Updates!!!</h2>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="main-page-content" id="News1">
|
<div class="main-page-content" id="News1">
|
||||||
<p>There's totally news here...</p>
|
<p>I've started actual work on the website!</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>
|
||||||
<div class="global-page-subtitle">
|
<div class="global-page-subtitle">
|
||||||
<p>Website managed by Bear [Beartech]</p>
|
<p>Website managed by Olive [Cutieguwu]</p>
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user