james/miles-city-council
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
scoliono 2021-04-26 22:31:09 -07:00
commit 3b8b7726db
9 changed files with 134 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/101.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 MiB

BIN
assets/4chan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
assets/Navigo-Bold.ttf Normal file
View File

Binary file not shown.

BIN
assets/bote.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.8 MiB

BIN
assets/carwash.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
assets/civic.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
assets/myles.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 729 KiB

97
css/main.css Normal file
View File

@ -0,0 +1,97 @@
* {
--page-bg: rgb(22, 41, 216);
--banner-bg: rgb(255, 255, 255);
--button-bg: rgb(234, 215, 73);
--button-hover: rgb(219, 200, 58);
--button-text: #000;
--button-text-hover: #FFF;
--link-hover: gray;
}
@font-face {
font-family: Navigo Bold;
src: url(../assets/Navigo-Bold.ttf);
}
body {
font-family: Navigo Bold;
background-color: var(--page-bg);
scroll-behavior: smooth;
}
a {
text-decoration: none;
}
nav {
position: sticky;
top: 0;
z-index: 9;
display: flex;
background-color: var(--page-bg);
}
nav a {
color: var(--banner-bg);
font-size: 40px;
flex: 1 0 0;
text-align: center;
margin: 2.5rem;
}
nav a:hover {
color: var(--link-hover);
}
.main-banner {
position: relative;
background-color: var(--banner-bg);
top: 6rem;
left: 4.5rem;
padding: 1rem 2.5rem;
width: 550px;
}
.main-banner-buttons {
display: flex;
}
.main-banner-buttons a {
display: inline-block;
margin: 0 auto;
text-align: center;
width: 10rem;
background-color: var(--button-bg);
padding: 1rem 0;
color: var(--button-text);
font-size: 30px;
}
.main-banner-buttons a:hover {
background-color: var(--button-hover);
color: var(--button-text-hover);
}
.fullpage {
height: 100vh;
background-size: cover;
}
#landing {;
}
#about {
background-image: url(../assets/civic.jpg);
}
#contact {
background-image: url(../assets/myles.jpg);
}
#donate {
background-image: url(../assets/carwash.jpg);
}
#joinus {
background-image: url(../assets/bote.jpg);
}

37
index.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<title>Miles Linden for City Council</title>
</head>
<body>
<div id="home"></div>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
<a href="#donate">Donate</a>
<a href="#joinus">Join</a>
</nav>
<div id="landing" class="fullpage">
<div class="main-banner">
<img src="assets/4chan.png" width="550" height="200">
<div class="main-banner-buttons">
<a href="#donate">Donate</a>
<a href="#joinus">Join</a>
</div>
</div>
</div>
<div id="about" class="fullpage">
</div>
<div id="contact" class="fullpage">
</div>
<div id="donate" class="fullpage">
</div>
<div id="joinus" class="fullpage">
</div>
</body>
</html>