Skip to content

Commit

Permalink
No more table based layout
Browse files Browse the repository at this point in the history
  • Loading branch information
RobertAKARobin committed Jun 27, 2015
1 parent 1f7920f commit ddfef39
Show file tree
Hide file tree
Showing 14 changed files with 99 additions and 94 deletions.
Binary file removed dmv.zip
Binary file not shown.
Empty file added dmv/dc/barack.html
Empty file.
Empty file.
Empty file added dmv/dc/georgetown/chad.html
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
Empty file.
135 changes: 41 additions & 94 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,102 +1,49 @@
<!DOCTYPE html>
<head>

<style type="text/css">

*
{
font-family: monospace;
font-size:20px;
line-height:2em;
}
table
{
text-align:right;
border:1px dotted black;
border-width:0px 1px 0px 1px;
border-collapse:separate;
border-spacing:5px 0px;
}
tr:first-child td
{
border-top:3px solid #666;
}
td
{
border-bottom:3px solid #666;
border-right:1px dotted #000;
}
td:last-child
{
border-right:0;
}
li
{
font-weight:bold;
border-bottom:1px dotted black;
}
code
{
font-weight:normal;
}


table,ol
{
width:800px;
margin:0 auto;
}
ol
{
margin-top:1em;
}

</style>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles.css" />
<title>DeeCee Deerectoree Tree</title>
</head>
<body>

<div>
<table>
<tr>
<td rowspan="7">dmv</td>
<td rowspan="4">dc</td>
<td rowspan="1">columbia_heights</td>
<td rowspan="1">rachel.html</td>
<td rowspan="1"></td>
</tr>
<tr>
<td rowspan="1">georgetown</td>
<td rowspan="1">chad.html</td>
<td rowspan="1"></td>
</tr>
<tr>
<td rowspan="2">national_mall</td>
<td rowspan="1">memorials</td>
<td rowspan="1">lincoln.html</td>
</tr>
<tr>
<td rowspan="1">barack.html</td>
<td rowspan="1"></td>
</tr>
<tr>
<td rowspan="1">maryland</td>
<td rowspan="1">bethesda</td>
<td rowspan="1">arielle.html</td>
<td rowspan="1"></td>
</tr>
<tr>
<td rowspan="2">virginia</td>
<td rowspan="1">arlington</td>
<td rowspan="1">rosslyn</td>
<td rowspan="1">nadia.html</td>
</tr>
<tr>
<td rowspan="1">crystal_city</td>
<td rowspan="1">techshop.html</td>
<td rowspan="1"></td>
</tr>
</table>
</div>
<pre>
dmv
├── dc
│   ├── barack.html
│   ├── columbia_heights
│   │   └── rachel.html
│   ├── georgetown
│   │   └── chad.html
│   └── national_mall
│   └── memorials
│   ├── lincoln.html
│   ├── mlk_jr.html
│   └── vietnam.html
├── maryland
│   ├── bethesda
│   │   └── arielle.html
│   └── temple_hills
│   └── skating_center
│   └── paul.html
└── virginia
├── arlington
│   ├── adam.html
│   └── rosslyn
│   └── nadia.html
└── crystal_city
└── techshop.html

14 directories, 10 files
</pre>

<ol>
<li>from outside the DMV to Lincoln</li>
<li>from Lincoln to Chad</li>
<li>from Chad to Arielle</li>
<li>from Arielle to Nadia</li>
<li>from Nadia to Rachel</li>
<li>from Rachel to Paul</li>
</ol>

</body>
</html>
53 changes: 53 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
*
{
margin:0;
border:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font-style:inherit;
font-family:inherit;
font-weight:inherit;
text-decoration:none;
color:inherit;
background-color:transparent;
box-sizing:border-box;
}
html,body
{
height:100%;
}
html
{
background-color:white;
}
body
{
font-family: monospace;
font-size:20px;
text-align:center;
}
body>*
{
display:inline-block;
vertical-align:top;
width:40%;
height:100%;
text-align:left;
padding:0 10px;
border:1px dotted #ccc;
border-width:0px 1px;
padding-top:30px;
}
pre
{
line-height:20px;
}
li
{
list-style-position:inside;
padding-bottom:40px;
border-bottom:1px dotted black;
margin-top:20px;
}
5 changes: 5 additions & 0 deletions tree.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
#!/bin/bash
tree -o tree.txt dmv
cat tree.txt | pbcopy
rm tree.txt
echo "Copied tree to clipboard!"

0 comments on commit ddfef39

Please sign in to comment.