Skip to content

Commit 07e16ff

Browse files
author
aeoth
committed
more tweaking, added blog back
1 parent d247d1f commit 07e16ff

File tree

6 files changed

+245
-402
lines changed

6 files changed

+245
-402
lines changed

‎_includes/goals.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<div class="pivot-item">
2+
<h3>goals</h3>
3+
</div>

‎_includes/links.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="pivot-item">
2-
<h3>more links</h3>
2+
<h3>links</h3>
33

44
<div class="details">
55
<ul>

‎_layouts/splash.html‎

Lines changed: 5 additions & 175 deletions
Original file line numberDiff line numberDiff line change
@@ -13,179 +13,7 @@
1313
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
1414
<script type="text/javascript" src="/js/jquery.metro.js"></script>
1515
<link rel="shortcut icon" href="/img/favicon.ico" />
16-
<style>
17-
div.page {max-width:1000px; margin:auto; overflow:hidden;}
18-
19-
.rightside {float:right;}
20-
21-
.theme-bg {background:#000;}
22-
.metro-pivot .headers { white-space: nowrap; height: 60px; display: block; clear: both; }
23-
.metro-pivot .pivot-item h3, .metro-pivot .headers .header { font-size: 250%; font-weight: light;font-family: "Segoe UI Light", SUIL, Arial, sans-serif; display: inline-block; vertical-align: top; padding: 0; cursor: pointer; margin-right:45px; }
24-
.metro-pivot .headers .header.current { }
25-
.metro-pivot .items { position: relative; }
26-
.metro-pivot .items .pivotItem { display: block; white-space: normal; text-align: justify; width: 100%; }
27-
28-
ul.metro-list { padding: 0; }
29-
ul.metro-list li { display: block; margin: 10px 0; height: 20px; padding: 5px; overflow: hidden; border-left: solid 30px; list-style: none; }
30-
31-
a.metro-button { display: inline-block; padding: 2px 10px; border: solid 2px white; color: white; text-decoration: none; margin: 10px 0; }
32-
.start-menu-item { float: left; height: 120px; width: 120px; position: relative; color: White; margin: 5px; overflow: hidden; }
33-
.start-menu-item label { position: absolute; margin: 5px; bottom: 0; left: 0; white-space: nowrap; }
34-
.side-menu-item { height: 20px; padding: 5px 15px; border-left: solid 30px; margin: 10px 0; }
35-
36-
37-
ul.metro-conversation { padding: 0 30px; }
38-
ul.metro-conversation li { margin: 10px 0; display: block; padding: 10px; line-height: 110%; margin-right: 20%; position: relative; }
39-
ul.metro-conversation li.alt { margin-right: 0; margin-left: 20%; }
40-
ul.metro-conversation li .list-diam { position: absolute; top: -15px; left: 20px; font-size: 40pt; font-family: Arial; }
41-
ul.metro-conversation li.alt .list-diam { left: auto; right: 20px; top: auto; bottom: -10px; }
42-
43-
div.html { background: white; padding: 10px; margin-left: 30px; border: dotted 2px #aaa; }
44-
45-
ul.metro-conversation li .question { color: #444; border-bottom: dashed 1px #444; margin-bottom: 5px; padding-bottom: 10px; }
46-
47-
.wp-popup {display:none; margin:20px;}
48-
.wp-popup-container {position:absolute; top:0; left:0; width:100%; display:none;}
49-
50-
a.wp-colored-button {display:inline-block; padding:0 15px; border:solid 4px; color:inherit !important;}
51-
52-
53-
.top-banner {text-align:right; border-bottom:dotted 1px #777; margin-bottom:10px; font-size:10pt;}
54-
.top-banner .theme-box,
55-
.top-banner .accent-box {display:inline-block; width:15px; height:15px; margin:3px; border:solid 1px #777; cursor:pointer; vertical-align:middle; }
56-
.top-banner .accent-box {background:#F09720;}
57-
58-
pre.jush {font-size:9pt; background:#F0F0FF; border:dashed 1px #aaa; padding:10px;}
59-
pre.jush a {text-decoration:none; }
60-
pre.jush a:hover {text-decoration:underline; }
61-
62-
body {
63-
overflow:auto;
64-
font-family: "Segoe UI", "Segoe WP", Helvetica, Arial, sans-serif;
65-
}
66-
#container
67-
{
68-
max-width:800px;
69-
min-height: 500px;
70-
margin-left:auto;
71-
margin-right:auto;
72-
margin-top:150px;
73-
}
74-
.metro-pivot {
75-
min-height:350px;
76-
margin-left:2px;
77-
}
78-
.footer ul {
79-
margin:0;
80-
padding:0;
81-
}
82-
.footer li
83-
{
84-
margin-right:10px;
85-
display:inline;
86-
list-style-type:none;
87-
}
88-
89-
h1,h2,h3,h4,h5,h6
90-
{
91-
font-family: Segoe UI Light, Segoe WP Light, Segoe UI, Helvetica, sans-serif;
92-
font-weight: 100;
93-
margin-bottom:0px;
94-
}
95-
h1
96-
{
97-
font-size: 4em;
98-
}
99-
h2
100-
{
101-
color: #41b1e1;
102-
margin-left:20px;
103-
font-size: 2.5em;
104-
}
105-
a, a:visited
106-
{
107-
text-decoration: none;
108-
color:#13678b;
109-
}
110-
a:hover
111-
{
112-
color:white;
113-
background: #13678b
114-
}
115-
116-
.Tile {
117-
float: left;
118-
margin-right: 10px;
119-
margin-bottom: 10px;
120-
text-align:center;
121-
padding: 5px;
122-
opacity:0.75;
123-
}
124-
125-
.Tile img { border :0;}
126-
.Tile:hover { opacity:1;}
127-
.one {
128-
width: 130px;
129-
height: 130px;
130-
}
131-
.two-h {
132-
width: 280px;
133-
height: 130px;
134-
}
135-
.two-v {
136-
width: 130px;
137-
height: 280px;
138-
}
139-
.four {
140-
width: 280px;
141-
height: 280px;
142-
}
143-
.blue {
144-
background: #00a9da;
145-
background-image: linear-gradient(left top, #00ABDA 0%, #00BEF2 80%);
146-
background-image: -o-linear-gradient(left top, #00ABDA 0%, #00BEF2 80%);
147-
background-image: -moz-linear-gradient(left top, #00ABDA 0%, #00BEF2 80%);
148-
background-image: -webkit-linear-gradient(left top, #00ABDA 0%, #00BEF2 80%);
149-
background-image: -ms-linear-gradient(left top, #00ABDA 0%, #00BEF2 80%);
150-
background-image: -webkit-gradient(
151-
linear,
152-
left top,
153-
right bottom,
154-
color-stop(0, #00ABDA),
155-
color-stop(0.8, #00BEF2)
156-
);
157-
}
158-
159-
160-
.lime {
161-
background: #8CBE29;
162-
background-image: linear-gradient(left top, #8CBE29 0%, #95C92C 80%);
163-
background-image: -o-linear-gradient(left top, #8CBE29 0%, #95C92C 80%);
164-
background-image: -moz-linear-gradient(left top, #8CBE29 0%, #95C92C 80%);
165-
background-image: -webkit-linear-gradient(left top, #8CBE29 0%, #95C92C 80%);
166-
background-image: -ms-linear-gradient(left top, #8CBE29 0%, #95C92C 80%);
167-
168-
background-image: -webkit-gradient(
169-
linear,
170-
left top,
171-
right bottom,
172-
color-stop(0, #8CBE29),
173-
color-stop(0.8, #95C92C)
174-
);
175-
}
176-
177-
.Tile h2 { color:white; font-size: 1.75em; margin-top:-10px; margin-left:0px;}
178-
179-
@media screen and (max-width:800px)
180-
{
181-
h1 {font-size: 2em;}
182-
h2 {font-size: 1.5em;}
183-
h3 {font-size: 1.25em;}
184-
.metro-pivot .pivot-item h3, .metro-pivot .headers .header { font-size: 125%; display:block; }
185-
ul,li { margin-left:0px; padding:0px;}
186-
}
187-
188-
</style>
16+
<link rel="stylesheet" type="text/css" href="/css/landing.css" />
18917
</head>
19018
<body>
19119

@@ -195,11 +23,13 @@ <h2 style="display:inline;">a new coding project every week</h2>
19523
<div class="metro-pivot">
19624
{% include latest_project.html %}
19725

26+
{% include goals.html %}
27+
19828
{% include get_involved.html %}
19929

200-
{% include links.html %}
201-
20230
{% include past.html %}
31+
32+
{% include links.html %}
20333
</div>
20434

20535
{% include footer.html %}

‎blog.md‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
---
2+
layout : layout
3+
title : code52
4+
---
5+
6+
{% include latest_project.html %}
7+
8+
<ul class="ideas">
9+
{% for post in site.posts limit:5 %}
10+
<li>
11+
<div class="idea">
12+
{% if forloop.first and post.layout == "post" %}
13+
<h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
14+
15+
<div class="postdate">{{ post.date | date: "%e %B, %Y" }}
16+
<ul>
17+
{% for tag in post.tags %}
18+
<li><a href="/tag/{{ tag }}">{{ tag }}</a></li>
19+
{% endfor %}
20+
</ul>
21+
</div>
22+
23+
{{ post.content }}
24+
<br />
25+
<a href="{{ post.url}}#disqus_thread">Comments</a>
26+
{% else %}
27+
<h2><a class="postlink" href="{{ post.url }}">{{ post.title }}</a></h2>
28+
<div class="postdate">{{ post.date | date: "%e %B, %Y" }}
29+
<ul>
30+
{% for tag in post.tags %}
31+
<li><a href="/tag/{{ tag }}">{{ tag }}</a></li>
32+
{% endfor %}
33+
</ul>
34+
</div>
35+
{{ post.content }}
36+
37+
<a href="{{ post.url }}#disqus_thread">Comments</a>
38+
{% endif %}
39+
</div>
40+
</li>
41+
{% endfor %}
42+
</ul>
43+
44+
<h3>OLDER</h3>
45+
<ul class="postArchive">
46+
{% for post in site.posts offset:5 %}
47+
<li>
48+
<span class="olderpostdate"> {{ post.date | date: "%d %b" }} </span> <a class="postlink" href="{{ post.id }}">{{ post.title }}</a>
49+
</li>
50+
{% endfor %}
51+
</ul>
52+
53+
<script type="text/javascript">
54+
//<![CDATA[
55+
(function() {
56+
var links = document.getElementsByTagName('a');
57+
var query = '?';
58+
for(var i = 0; i < links.length; i++) {
59+
if(links[i].href.indexOf('#disqus_thread') >= 0) {
60+
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
61+
}
62+
}
63+
document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/code52/get_num_replies.js' + query + '"></' + 'script>');
64+
})();
65+
//]]>
66+
</script>

0 commit comments

Comments
 (0)