Skip to content

Instantly share code, notes, and snippets.

@Haxoras

Haxoras/dabblet.css

Created December 16, 2013 17:07
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 7 You must be signed in to fork a gist
  • Save Haxoras/7990467 to your computer and use it in GitHub Desktop.
Save Haxoras/7990467 to your computer and use it in GitHub Desktop.
Download ZIP
Webpage about myself
Raw
dabblet.css
/**
*Webpage about myself
*/
html{
background-color:#102372
}
body {
background-color:#02AB21
}
h1 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}
h2 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}
#name {
position: relative;
top: -10px;
font-color:
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#email{
float:right;
margin-right:5px;
padding-top:5px;
font-size:16px;
font-family: Verdana, sans-serif;
color:#ffffff;
}
div{
border-radius:5px;
}
#footer{
position:relative;
height: 50px;
float:right;
background-color:#668284
clear:both;
font-family: Verdana, sans-serif;
font-size:14px;
text-align:center;
color:#ffffff
}
#footer p{
position:relative;
padding-top:15px;
}
h1:hover
{
background-color:#102372;
}
h2:hover
{
background-color:#102372;
}
div{
border-radius:3px dotted blue;
}
img{
border-radius:3px dotted blue;
}
li{
}
table{
}
Raw
dabblet.html
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header">
<h1 class="hover">Welcome to Porterville</h1>
<p id="name">P. Yohance Crumpton<p/>
<a href="mailto:pyzc77@gmail.com><p id="email">pyzc77@gmail.com</p></a>
<p>or</p>
<a href="mailto:doctortransit@outlook.com><p id="email">doctortransit@outlook.com</p></a>
</div>
<h2>Things I like to do</h2>
<img src="http://farm8.staticflickr.com/7419/10928807126_c75098ebfe_n.jpg">
<img src="http://farm4.staticflickr.com/3696/11174857204_cced708349_n.jpg">
<img src="http://farm3.staticflickr.com/2809/11467603726_2c301c093a_m.jpg">
<img src="http://farm3.staticflickr.com/2839/11467599266_e99d516716_m.jpg">
<img src="http://farm4.staticflickr.com/3829/11467551254_2e1ffed34b_n.jpg">
<h2>About Me</h2>
<p>My name is Porter. I have lived in both Chicago and the District of Columbia.
Some of my favorite things to do are read,
listen to music, and ride public transportation (buses and trains).
These are activities that I enjoy immensely and indulge in daily.
My career aspirations are to become either a civil or transportation
engineer. I have been told that I am a charming, kind, attitude-prone
person with "oddities". I look up mostly to my family members, especially
my mom, as a guiding figure in life. Favorite shows of mine include
Doctor Who, Sherlock, Triple D (Diners, Drive-Ins' and Dives), Hustle,
and Chopped (yes, the majority of those are British TV shows, problem, mate?).
Just a few things about yours truly</p>
<h2>Favorite TV Shows</h2>
<ul>
<li>Doctor Who</li>
<li>Sherlock</li>
<li>Triple D (Diners, Drive-Ins' and Dives)</li>
<li>Hustle</li>
<li>Chopped</li>
</ul>
<h2>Favorite Places by City</h2>
<table border="1">
<tr>
<th>Chicago</th>
<th>D.C.</th>
</tr>
<tr>
<td>Taqueria el Asadero (Resturant)</td>
<td>The Hitching Post (Resturant)</td>
</tr>
<tr>
<td>Harold Washington Memorial Library</td>
<td>MLK Memorial Library</td>
</tr>
<tr>
<td>95th-Dan Ryan Sta</td>
<td>Fort Totten Sta</td>
<tr>
</table>
<p>4830 Monroe St NW, #200<p>
</body>
</html>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment