Browse Source

Minor code cleanup.

master
Ben Kurtovic 12 years ago
parent
commit
6ceeebce89
4 changed files with 50 additions and 14 deletions
  1. +8
    -6
      _layouts/base.html
  2. +2
    -4
      _layouts/home.html
  3. +18
    -2
      css/main.css
  4. +22
    -2
      js/tweets.js

+ 8
- 6
_layouts/base.html View File

@@ -8,16 +8,18 @@
<script src="/js/date_format.js" type="text/javascript"></script>
<script src="/js/tweets.js" type="text/javascript"></script>
</head>
<body>
<body onload="load_tweets();">
<div id="forkme">
<a href="http://github.com/earwig">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="/images/forkme.png" alt="Fork me on GitHub" />
<img id="forkme" src="/images/forkme.png" title="Fork me on GitHub" alt="Fork me on GitHub" />
</a>
</div>
<div id="container">
{{ content }}
<div id="footer">
<p>Copyright &copy; 2011&ndash;2012 Ben Kurtovic &bull; <a href="http://github.com/earwig/earwig.github.com">View Source</a> &bull; <a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</a></p>
<div id="everything">
<div id="container">
{{ content }}
<div id="footer">
<p>Copyright &copy; 2011&ndash;2012 Ben Kurtovic &bull; <a href="http://github.com/earwig/earwig.github.com">View Source</a> &bull; <a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Strict</a></p>
</div>
</div>
</div>
</body>


+ 2
- 4
_layouts/home.html View File

@@ -9,7 +9,7 @@ layout: base
<table>
<tr>
<td id="left-box">
<table>
<table id="about">
<tr>
<td id="about-tl" class="about-l dark-l">Email</td>
<td id="about-tr" class="about-r dark-r"><a href="mailto:ben.kurtovic@verizon.net">ben.kurtovic@verizon.net</a></td>
@@ -59,9 +59,7 @@ layout: base
<p>On this page, you can find my identities on a few other sites, check out the project's I'm working on, and read some of my incessant ramblings in blog form.</p>
<h2 class="index-header">Tweets</h2>
<ul id="tweets">
<script type="text/javascript"
src="https://twitter.com/statuses/user_timeline/the_earwig.json?count=4&amp;callback=show_tweets">
</script>
<div id="twitter"></div>
<li><a href="http://twitter.com/the_earwig">More...</a></li>
</ul>
<h2 class="index-header">Posts</h2>


+ 18
- 2
css/main.css View File

@@ -110,8 +110,13 @@ h1#head {
text-align: center;
}

div#everything {
max-width: 900px;
margin: auto;
padding: 0 40px 0 40px;
}

div#container {
width: 800px;
margin: 20px auto 32px auto;
border: 1px solid #999;
border-radius: 10px;
@@ -120,7 +125,7 @@ div#container {

div#header {
margin: 16px 16px 20px 16px;
padding: 30px 0px 30px 0px;
padding: 35px 0px 35px 0px;
border: 1px solid #999;
border-radius: 10px 10px 0px 0px;

@@ -169,10 +174,21 @@ div#avatar-box {
-ms-transform:rotate(3deg);
}

img#forkme {
position: absolute;
top: 0;
right: 0;
border: 0;
}

img#avatar {
border-radius: 5px;
}

table#about {
width: 100%;
}

td#left-box {
width: 50%;
vertical-align: top;


+ 22
- 2
js/tweets.js View File

@@ -1,5 +1,25 @@
function show_tweets(tweets) {
var element = document.getElementById("tweets");
function load_tweets() {
var element = document.getElementById("twitter");
if (element) {
var callback = "like_a_boss";
var username = "the_earwig";
var count = 4;
var url = "https://twitter.com/statuses/user_timeline/" + username + ".json?count=" + count + "&callback=" + callback;

var script = document.createElement("script");
var head = document.getElementsByTagName("head")[0];

window[callback] = function(tweets) {
head.removeChild(script);
show_tweets(tweets, element);
};

script.src = url;
head.appendChild(script);
}
}

function show_tweets(tweets, element) {
for (t in tweets) {
var tweet = tweets[t];
var t = '<li class="post">' + fmt_text(tweet["text"]) + "<br />";


Loading…
Cancel
Save