Added main page & landing page
|
@ -14,7 +14,7 @@
|
|||
<div id=content-header><h1>Dalm Zone</h1></div>
|
||||
|
||||
<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>
|
||||
<div id=navbutton><a href=Main.html>Main</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=friends>Friends & Collaborators</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">
|
||||
<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;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
margin-top: 10px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
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{
|
||||
|
@ -25,7 +46,10 @@ a{
|
|||
|
||||
body{
|
||||
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;
|
||||
}
|
||||
|
||||
|
@ -37,8 +61,9 @@ body{
|
|||
margin-top: 10px;
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
height: 100%;
|
||||
height: auto;
|
||||
margin-bottom: 10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
#content-header{
|
||||
|
@ -65,6 +90,7 @@ body{
|
|||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
background-color: #B3EB79;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
#main-content{
|
||||
|
|