expand/ccashfrontend
1
0
Fork 0
mirror of https://github.com/Expand-sys/ccashfrontend synced 2025-12-16 23:02:13 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

made a design template

Browse source
This commit is contained in:
Sov 2021-06-26 14:13:31 +01:00
parent 796df3809b
commit 5c68481341
5 changed files with 139 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.vs/ProjectSettings.json Normal file
View file

@ -0,0 +1,3 @@
{
"CurrentProjectSetting": null
}

BIN
.vs/ccashfrontend/v16/.suo Normal file
View file

Binary file not shown.

BIN
.vs/slnx.sqlite Normal file
View file

Binary file not shown.

32
sovindex.html Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="sovstylesheet.css">
</head>
<body>
<div class="navbar">
<a href="sovindex.html">
<img class="navelement " id="icon" src="https://cdn.discordapp.com/attachments/846806487426007080/858316372751810590/CCashLogo2.png" alt="e">
</a>
<div class="navelement-button">Home</div>
<div class="navelement-button">About</div>
<div class="navelement-status">Server Status: Online</div>
<div class="navelement-button">Login</div>
<div class="navelement-button">Register</div>
</div>
<div class="bodytext">
<h1>Welcome to CCash!</h1>
<text>A webserver hosting a bank system for Minecraft, accessible both here and through ComputerCraft.</text>
<h2>Why CCash?</h2>
<text><ul>
<li>example</li>
</ul></text>
<h3>Section Title</h3>
<h4>Section Subtitle</h4>
</div>
</body>
</html>
<script>
</script>

104
sovstylesheet.css Normal file
View file

@ -0,0 +1,104 @@
:root {
--colourOne: #30292F;
--colourTwo: #413F54;
--colourThree: #3F3A82;
--colourFour: #5576B1;
--colourFive: #3F4045;
--backgroundColour: #8F7AC2;
}
body {
margin: 0;
padding: 0;
font-family: "Segoe UI";
color: #FFFFFF;
background-color: var(--backgroundColour);
}
.navbar {
position: sticky;
width: 100vw;
height: 5vh;
background-color: var(--colourThree);
padding: 1em;
}
.navelement {
position: relative;
}
.navelement#icon {
height: 300%;
background-color: var(--colourTwo);
border-radius: 50%;
border: var(--colourFive) solid;
margin-right: 5em;
}
.navelement-button {
margin-right: 1.5em;
padding: 0.1em;
top: -3.45em;
display: inline-block;
position: relative;
font-size: 2em;
background-color: transparent;
padding-bottom: 0.25em;
border-radius: 0.4em;
border: transparent solid inset;
transition: 0.1s ease-in-out;
}
.navelement-button:hover {
cursor: pointer;
background-color: var(--colourFour);
}
.navelement-status {
width: 30vw;
text-align: center;
margin-left: 5em;
margin-right: 7em;
padding: 0.1em;
top: -3.45em;
display: inline-block;
position: relative;
font-size: 2em;
background-color: #227722;
padding-bottom: 0.3em;
border-radius: 0.4em;
border: transparent solid inset;
transition: 0.1s ease-in-out;
}
.bodytext {
margin-top: 10vh;
margin-bottom: 10vh;
margin-left: 15vw;
margin-right: 15vw;
}
h1 {
font-size: 3em;
}
h2 {
margin-left: 1vw;
font-size: 2em;
}
h3 {
margin-left: 2vw;
font-size: 1.5em;
}
h4 {
margin-left: 3vw;
font-size: 1.2em;
}
text {
margin-left: 2vw;
font-size: 1.3em;
}