Added main page & landing page
|
@ -14,7 +14,7 @@
|
||||||
<div id=content-header><h1>Dalm Zone</h1></div>
|
<div id=content-header><h1>Dalm Zone</h1></div>
|
||||||
|
|
||||||
<div id=content-container class="flex-container">
|
<div id=content-container class="flex-container">
|
||||||
<div id=Sidebar><p>Dalm pic goes here.
|
<div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
|
||||||
<nav>
|
<nav>
|
||||||
<div id=navbutton><a href=Main.html>Main</a></div>
|
<div id=navbutton><a href=Main.html>Main</a></div>
|
||||||
<div id=navbutton><a href=blog.html>Blog</a></div>
|
<div id=navbutton><a href=blog.html>Blog</a></div>
|
||||||
|
@ -23,6 +23,7 @@
|
||||||
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
<div id=navbutton><a href=originalcharacters.html>OCs</a></div>
|
||||||
<div id=navbutton><a href=friends>Friends & Collaborators</a></div>
|
<div id=navbutton><a href=friends>Friends & Collaborators</a></div>
|
||||||
<div id=navbutton><a href=mysantas>Santa Collection</a></div>
|
<div id=navbutton><a href=mysantas>Santa Collection</a></div>
|
||||||
|
<div id=navbutton><a href=fun>Fun</a></div>
|
||||||
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
<div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
|
||||||
<p><a href=iww.org>Join the Industrial Workers of the World!</a></p></div>
|
<p><a href=iww.org>Join the Industrial Workers of the World!</a></p></div>
|
||||||
|
|
||||||
|
|
After Width: | Height: | Size: 887 B |
After Width: | Height: | Size: 247 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 455 KiB |
After Width: | Height: | Size: 457 KiB |
|
@ -13,9 +13,30 @@ a{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-left: 5%;
|
margin-left: 5%;
|
||||||
margin-right: 5%;
|
margin-right: 5%;
|
||||||
margin-top: 10px;
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: #EFFF96;
|
background: #EFFF96;
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#selfportrait-container{
|
||||||
|
border: 4px 2px 2px 4px;
|
||||||
|
border-color: #181917;
|
||||||
|
border-style: double solid solid double ;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-left: 1%;
|
||||||
|
margin-right: 1%;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 10%;
|
||||||
|
font-weight: bold;
|
||||||
|
background: #EFFF96;
|
||||||
|
}
|
||||||
|
|
||||||
|
#selfportrait{
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom:-15% ;
|
||||||
|
margin-top:-9%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#navbutton:hover{
|
#navbutton:hover{
|
||||||
|
@ -25,7 +46,10 @@ a{
|
||||||
|
|
||||||
body{
|
body{
|
||||||
background-color: #1E3B27;
|
background-color: #1E3B27;
|
||||||
color: 181917;
|
background-image: url(./images/bubblebg.png);
|
||||||
|
background-attachment: scroll;
|
||||||
|
background-repeat: repeat;
|
||||||
|
color: #181917;
|
||||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -37,8 +61,9 @@ body{
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-left: 10%;
|
margin-left: 10%;
|
||||||
margin-right: 10%;
|
margin-right: 10%;
|
||||||
height: 100%;
|
height: auto;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-header{
|
#content-header{
|
||||||
|
@ -65,6 +90,7 @@ body{
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
padding-right: 2px;
|
padding-right: 2px;
|
||||||
background-color: #B3EB79;
|
background-color: #B3EB79;
|
||||||
|
max-width: 600px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main-content{
|
#main-content{
|
||||||
|
|