Skip to content

Commit

Permalink
style updates
Browse files Browse the repository at this point in the history
  • Loading branch information
Jessica Lord committed Jan 26, 2014
1 parent eaa6928 commit 05e7a34
Show file tree
Hide file tree
Showing 3 changed files with 99 additions and 85 deletions.
95 changes: 45 additions & 50 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,63 +10,58 @@
<link href='style.css' rel='stylesheet'>
</head>
<body>
<div class="container">
<div class="large-container">
<div id="welcome-name">
<h1>Congrats, you did it!</h1>
<div id="user-name" class="swing animated" style="display: block;">
<pre><code> ___ ___ ___ ___ ___ ___ ___
/\ \ /\__\ /\ \ /\ \ /\ \ /\ \ _____ /\ \
/::\ \ /:/ _/_ /::\ \ /::\ \ /::\ \ /::\ \ /::\ \ /::\ \ ___
/:/\:\__\ /:/ /\__\ /:/\:\__\ /:/\:\ \ /:/\:\__\ /:/\:\ \ /:/\:\ \ /:/\:\ \ /\__\
/:/ /:/ / /:/ /:/ _/_ /:/ /:/ / /:/ \:\ \ /:/ /:/ / /:/ \:\ \ /:/ /::\__\ /:/ \:\ \ /:/ /
/:/_/:/__/___ /:/_/:/ /\__\ /:/_/:/ / /:/__/ \:\__\ /:/_/:/__/___ /:/__/ \:\__\ /:/_/:/\:|__| /:/__/ \:\__\ /:/__/
\:\/:::::/ / \:\/:/ /:/ / \:\/:/ / \:\ \ /:/ / \:\/:::::/ / \:\ \ /:/ / \:\/:/ /:/ / \:\ \ /:/ / /::\ \
\::/~~/~~~~ \::/_/:/ / \::/__/ \:\ /:/ / \::/~~/~~~~ \:\ /:/ / \::/_/:/ / \:\ /:/ / /:/\:\ \
\:\~~\ \:\/:/ / \:\ \ \:\/:/ / \:\~~\ \:\/:/ / \:\/:/ / \:\/:/ / \/__\:\ \
\:\__\ \::/ / \:\__\ \::/ / \:\__\ \::/ / \::/ / \::/ / \:\__\
\/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/
<pre><code> ___ ___ ___ ___ ___ ___ ___
/\ \ /\__\ /\ \ /\ \ /\ \ /\ \ _____ /\ \
/::\ \ /:/ _/_ /::\ \ /::\ \ /::\ \ /::\ \ /::\ \ /::\ \ ___
/:/\:\__\ /:/ /\__\ /:/\:\__\ /:/\:\ \ /:/\:\__\ /:/\:\ \ /:/\:\ \ /:/\:\ \ /\__\
/:/ /:/ / /:/ /:/ _/_ /:/ /:/ / /:/ \:\ \ /:/ /:/ / /:/ \:\ \ /:/ /::\__\ /:/ \:\ \ /:/ /
/:/_/:/__/___ /:/_/:/ /\__\ /:/_/:/ / /:/__/ \:\__\ /:/_/:/__/___ /:/__/ \:\__\ /:/_/:/\:|__| /:/__/ \:\__\ /:/__/
\:\/:::::/ / \:\/:/ /:/ / \:\/:/ / \:\ \ /:/ / \:\/:::::/ / \:\ \ /:/ / \:\/:/ /:/ / \:\ \ /:/ / /::\ \
\::/~~/~~~~ \::/_/:/ / \::/__/ \:\ /:/ / \::/~~/~~~~ \:\ /:/ / \::/_/:/ / \:\ /:/ / /:/\:\ \
\:\~~\ \:\/:/ / \:\ \ \:\/:/ / \:\~~\ \:\/:/ / \:\/:/ / \:\/:/ / \/__\:\ \
\:\__\ \::/ / \:\__\ \::/ / \:\__\ \::/ / \::/ / \::/ / \:\__\
\/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/ \/__/
</code></pre>
</div>
<h3>You now know alternate meanings for <strong>fork</strong> and <strong>branch</strong>. You've <strong>collaborated</strong> someone whose location you're unaware of. You, friend, <strong>pull request</strong> with the best of 'em.</h3>

<h3><strong>Your pulling and pushing compatriots (give or take 4 million):</strong></h3>
</div>
<div id="compatriots">
<ul class="compatriots-list">

<li><span class="userdetail"><a href="#">@jlord</a></span> <span class="userdate">2014-01-17T02:35:52Z</span></li>

<li><span class="userdetail"><a href="#">@maxogden</a></span> <span class="userdate">2014-01-20T23:02:33Z</span></li>

<li><span class="userdetail"><a href="#">@muan</a></span> <span class="userdate">2014-01-24T03:21:17Z</span></li>

<li><span class="userdetail"><a href="#">@alysonla</a></span> <span class="userdate">2014-01-25T06:41:30Z</span></li>

<li><span class="userdetail"><a href="#">@reporobot</a></span> <span class="userdate">2014-01-26T03:14:59Z</span></li>

<li><span class="userdetail"><a href="#">@reporobot</a></span> <span class="userdate">2014-01-26T03:37:18Z</span></li>

<li><span class="userdetail"><a href="#">@reporobot</a></span> <span class="userdate">2014-01-26T03:58:11Z</span></li>

</ul>
</div>
<div class="textcontainer">
<div id="about" class="halvsies">
<h4>About</h4>
<p>Everyone listed on this page has completed <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a>, an open source terminal app for learning Git and GitHub.</p> <p>The <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a> challenges are self directed so one can do it on their own, but it also makes for a great <a href="http://nodeschool.io/" target="_blank">nodeschool.io</a> type of workshop. </p>
</div>
</div>
<div class="container">
<h3>You now know alternate meanings for <strong>fork</strong> and <strong>branch</strong>. You've <strong>collaborated</strong> someone whose location you're unaware of. You, friend, <strong>pull request</strong> with the best of 'em.</h3>
<h3><strong>Your pulling and pushing compatriots (give or take 4 million):</strong></h3>

<div id="compatriots">
<ul class="compatriots-list">
<li><span class="userdetail"><a href="#">@jlord</a></span> <span class="userdate">2014-01-17T02:35:52Z</span></li>
<li><span class="userdetail"><a href="#">@maxogden</a></span> <span class="userdate">2014-01-20T23:02:33Z</span></li>
<li><span class="userdetail"><a href="#">@muan</a></span> <span class="userdate">2014-01-24T03:21:17Z</span></li>
<li><span class="userdetail"><a href="#">@alysonla</a></span> <span class="userdate">2014-01-25T06:41:30Z</span></li>
<li><span class="userdetail"><a href="#">@reporobot</a></span> <span class="userdate">2014-01-26T03:14:59Z</span></li>
<li><span class="userdetail"><a href="#">@reporobot</a></span> <span class="userdate">2014-01-26T03:37:18Z</span></li>
<li><span class="userdetail"><a href="#">@reporobot</a></span> <span class="userdate">2014-01-26T03:58:11Z</span></li>
</ul>
</div>

<div class="textcontainer">
<div id="about" class="halvsies">
<h4>About</h4>
<p>Everyone listed on this page has completed <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a>, an open source terminal app for learning Git and GitHub.</p> <p>The <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a> challenges are self directed so one can do it on their own, but it also makes for a great <a href="http://nodeschool.io/" target="_blank">nodeschool.io</a> type of workshop. </p>
</div>

<div id="next" class="halvsies">
<h4>What next?</h4>
<p>Don't stop now, keep going! Here are some ideas for what to work on next.</p>
<ul class="what-next-list">
<li>Make a repository on GitHub named `ghusername.github.io` and fill it with web site files -- GitHub will host for free at the same address: ghusername.github.io</li>
<li>Open up an issue in one of your repositories and create a <a href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments" target="_blank">to-do list</a>.</li>
<li>Find interesting open source projects to work with in <a href="http://www.github.com/explore" target="_blank">Explore</a>.</li>
<li>Get contributing by finding open issues on projects with labels like 'get-started' or 'beginner'.</li>
</ul>
<div id="next" class="halvsies">
<h4>What next?</h4>
<p>Don't stop now, keep going! Here are some ideas for what to work on next.</p>
<ul class="what-next-list">
<li>Make a repository on GitHub named `ghusername.github.io` and fill it with web site files -- GitHub will host for free at the same address: ghusername.github.io</li>
<li>Open up an issue in one of your repositories and create a <a href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments" target="_blank">to-do list</a>.</li>
<li>Find interesting open source projects to work with in <a href="http://www.github.com/explore" target="_blank">Explore</a>.</li>
<li>Get contributing by finding open issues on projects with labels like 'get-started' or 'beginner'.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
32 changes: 25 additions & 7 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,17 @@ pre {
font-size: 11px;
}

code {
margin: 0px;
padding: 0px;
}

/* Animation done by https://github.com/daneden */
/* https://github.com/daneden/animate.css */

/*#user-name {
-webkit-animation: swing 5s infinite;
}*/
#user-name {
width: 100%;
}

@-webkit-keyframes swing {
20% {
Expand Down Expand Up @@ -114,7 +119,9 @@ a:hover {

h1 {
font-size: 54px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
h3 {
text-align: center;
}

p, .textcontainer {
Expand All @@ -127,17 +134,28 @@ p, .textcontainer {
max-width: 800px;
margin: 0 auto;
overflow: auto;
padding: 22px;
display: block;
}

.large-container {
overflow: auto;
display: block;
text-align: center;
margin: 0 auto;
}

#welcome-name {
text-align: center;
border-bottom: 1px dashed #fff;

}

#welcome-name h4 {margin: 6px;}

#compatriots {padding: 22px; border-bottom: 1px dashed #fff;}
#compatriots {
padding: 22px;
border-bottom: 1px dashed #fff;
border-top: 1px dashed #fff;
}

ul.nav {
list-style: none; padding: 0px;
Expand Down
57 changes: 29 additions & 28 deletions template.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,40 +10,41 @@
<link href='style.css' rel='stylesheet'>
</head>
<body>
<div class="container">
<div class="large-container">
<div id="welcome-name">
<h1>Congrats, you did it!</h1>
<div id="user-name" class="swing animated" style="display: block;">
<pre><code>{{#featured}}{{username}}{{/featured}}</code></pre>
<pre><code>{{#featured}}{{username}}{{/featured}}</code></pre>
</div>
<h3>You now know alternate meanings for <strong>fork</strong> and <strong>branch</strong>. You've <strong>collaborated</strong> someone whose location you're unaware of. You, friend, <strong>pull request</strong> with the best of 'em.</h3>

<h3><strong>Your pulling and pushing compatriots (give or take 4 million):</strong></h3>
</div>
<div id="compatriots">
<ul class="compatriots-list">
{{#everyone}}
<li><span class="userdetail"><a href="#">@{{username}}</a></span> <span class="userdate">{{time}}</span></li>
{{/everyone}}
</ul>
</div>
<div class="textcontainer">
<div id="about" class="halvsies">
<h4>About</h4>
<p>Everyone listed on this page has completed <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a>, an open source terminal app for learning Git and GitHub.</p> <p>The <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a> challenges are self directed so one can do it on their own, but it also makes for a great <a href="http://nodeschool.io/" target="_blank">nodeschool.io</a> type of workshop. </p>
</div>
</div>
<div class="container">
<h3>You now know alternate meanings for <strong>fork</strong> and <strong>branch</strong>. You've <strong>collaborated</strong> someone whose location you're unaware of. You, friend, <strong>pull request</strong> with the best of 'em.</h3>
<h3><strong>Your pulling and pushing compatriots (give or take 4 million):</strong></h3>

<div id="compatriots">
<ul class="compatriots-list">
{{#everyone}}<li><span class="userdetail"><a href="#">@{{username}}</a></span> <span class="userdate">{{time}}</span></li>{{/everyone}}
</ul>
</div>

<div class="textcontainer">
<div id="about" class="halvsies">
<h4>About</h4>
<p>Everyone listed on this page has completed <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a>, an open source terminal app for learning Git and GitHub.</p> <p>The <a href="http://www.github.com/jlord/git-it" target="_blank">Git-it</a> challenges are self directed so one can do it on their own, but it also makes for a great <a href="http://nodeschool.io/" target="_blank">nodeschool.io</a> type of workshop. </p>
</div>

<div id="next" class="halvsies">
<h4>What next?</h4>
<p>Don't stop now, keep going! Here are some ideas for what to work on next.</p>
<ul class="what-next-list">
<li>Make a repository on GitHub named `ghusername.github.io` and fill it with web site files -- GitHub will host for free at the same address: ghusername.github.io</li>
<li>Open up an issue in one of your repositories and create a <a href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments" target="_blank">to-do list</a>.</li>
<li>Find interesting open source projects to work with in <a href="http://www.github.com/explore" target="_blank">Explore</a>.</li>
<li>Get contributing by finding open issues on projects with labels like 'get-started' or 'beginner'.</li>
</ul>
<div id="next" class="halvsies">
<h4>What next?</h4>
<p>Don't stop now, keep going! Here are some ideas for what to work on next.</p>
<ul class="what-next-list">
<li>Make a repository on GitHub named `ghusername.github.io` and fill it with web site files -- GitHub will host for free at the same address: ghusername.github.io</li>
<li>Open up an issue in one of your repositories and create a <a href="https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-comments" target="_blank">to-do list</a>.</li>
<li>Find interesting open source projects to work with in <a href="http://www.github.com/explore" target="_blank">Explore</a>.</li>
<li>Get contributing by finding open issues on projects with labels like 'get-started' or 'beginner'.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

0 comments on commit 05e7a34

Please sign in to comment.