basic content for main page
parent
e4ee8ca1cb
commit
91861822aa
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
|
@ -1,74 +1,21 @@
|
|||
body{
|
||||
background-color: #232323;
|
||||
margin: 0;
|
||||
.content{
|
||||
width: 40%;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
background: black;
|
||||
border-radius: 25px;
|
||||
border: 1px solid #bebebe;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:0;
|
||||
.content p{
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
/*header css rules*/
|
||||
header{
|
||||
background-color: #181818;
|
||||
border-bottom: 1px solid #bebebe;
|
||||
.content img{
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header::after{
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
.main{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header_container{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.logo{
|
||||
float: left;
|
||||
padding: 10px 0;
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
nav{
|
||||
float: right;
|
||||
}
|
||||
|
||||
nav ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav ul > li{
|
||||
display: inline-block;
|
||||
margin-left: 70px;
|
||||
padding: 10px 0;
|
||||
|
||||
}
|
||||
|
||||
nav ul > li > a{
|
||||
color: #bebebe;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
nav ul > li > a:hover{
|
||||
color: #4f8cc9;
|
||||
}
|
||||
|
||||
/*
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
> above use useful for slowly remove and testing to find out what is adding random space
|
||||
|
||||
*/
|
|
@ -0,0 +1,74 @@
|
|||
body{
|
||||
background-color: #232323;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p{
|
||||
margin:0;
|
||||
color: #bebebe;
|
||||
}
|
||||
|
||||
/*header css rules*/
|
||||
header{
|
||||
background-color: #181818;
|
||||
border-bottom: 1px solid #bebebe;
|
||||
}
|
||||
|
||||
header::after{
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.header_container{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.logo{
|
||||
float: left;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
nav{
|
||||
float: right;
|
||||
}
|
||||
|
||||
nav ul{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
nav ul > li{
|
||||
display: inline-block;
|
||||
margin-left: 70px;
|
||||
padding: 10px 0;
|
||||
|
||||
}
|
||||
|
||||
nav ul > li > a{
|
||||
color: #bebebe;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
nav ul > li > a:hover{
|
||||
color: #4f8cc9;
|
||||
}
|
||||
|
||||
/*
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
> above use useful for slowly remove and testing to find out what is adding random space
|
||||
|
||||
*/
|
|
@ -0,0 +1,10 @@
|
|||
.content{
|
||||
width: 80%;
|
||||
margin: 20px auto;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.content p{
|
||||
padding: 20px;
|
||||
/*changing padding to somethin that scales at some point*/
|
||||
}
|
12
index.html
12
index.html
|
@ -2,6 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>wsor4035 homepage</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/index.css">
|
||||
</head>
|
||||
<body>
|
||||
|
@ -12,14 +13,19 @@
|
|||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="#">BlockCity</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<h1>wsor4035 site</h1>
|
||||
<p>very beta, wip</p>
|
||||
<div class = "content">
|
||||
<div class="main">
|
||||
<p>Welcome to my website!</p>
|
||||
<img src="assets/code_image.png">
|
||||
<p>Welcome! This is my main page. At this time there is only my projects page to go view, stop on over there and check it out!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,21 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2020 wsor aka wsor4035
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in
|
||||
all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||
THE SOFTWARE.
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>wsor4035 homepage</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/projects.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div class = "header_container">
|
||||
<p class="logo">wsor4035 site</p>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="projects.html">Projects</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class = "content">
|
||||
<p>welcome to my projects page, curently wip, come back later</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue