Skip to content
Browse files

Changes

  • Loading branch information...
1 parent e4e298a commit 7b4ea3e45929596175317c47f93f01f5db7e6bc0 @TShadwell committed
Showing with 12 additions and 40 deletions.
  1. +2 −6 README.md
  2. +7 −1 css/main.css
  3. +3 −33 index.html
View
8 README.md
@@ -1,11 +1,7 @@
-# DOM Tree
-
-Happy holidays! I didn't get a pine tree for Christmas this year so I decided to compensate by creating a digital counterpart out of HTML form elements.
-
-[Check out the live demo](http://hakim.se/experiments/css/domtree).
+A modification of @hakim's wonderful DOM christmas tree to include the days until christmas as a someple demonstration of forking and commiting.
# License
MIT licensed
-Copyright (C) 2011 Hakim El Hattab, http://hakim.se
+Copyright (C) 2011 Hakim El Hattab, http://hakim.se
View
8 css/main.css
@@ -163,7 +163,13 @@ body {
}
-
+#christmasMessage {
+ font-size:xx-large;
+ position:fixed;
+ bottom:0px;
+ left:0px;
+ width:100%;
+}
View
36 index.html
@@ -20,42 +20,12 @@
<header>
<h1>DOM Tree</h1>
- <span class="attribution"> <a href="http://hakim.se/experiments/domtree">about this experiment</a> | created by <a href="http://twitter.com/hakimel">@hakimel</a></span>
-
- <div class="share">
- <div class="facebook">
- <iframe id="facebook-button" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fhakim.se%2Fexperiments%2Fcss%2Fdomtree%2F&amp;layout=button_count&amp;show_faces=false&amp;width=105&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:105px; height:40px;" allowTransparency="true"></iframe>
- </div>
- <div class="twitter">
- <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://hakim.se/experiments/css/domtree/" data-text="A Christmas tree made out of form elements! Created by @hakimel" data-count="horizontal" data-related="hakimel">Tweet</a>
-
- </div>
- <div class="plusone">
- <div class="g-plusone"></div>
- </div>
- </div>
+ <span class="attribution"> <a href="http://hakim.se/experiments/domtree">about this experiment</a> | created by <a href="http://twitter.com/hakimel">@hakimel</a>, with modifications by <a href="http://twitter.com/tshadwell">@tshadwell</a></span>
</header>
<div class="tree"></div>
-
+ <div id="christmasMessage">There are 21 days until Christmas!</div>
<script src="js/domtree.js"></script>
- <!-- Third party tracking and sharing code below -->
- <a href="https://github.com/hakimel/dom-tree"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 10;" src="https://a248.e.akamai.net/camo.github.com/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
-
- <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
- <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-15240703-1']);
- _gaq.push(['_trackPageview']);
-
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
-
</body>
-</html>
+</html>

0 comments on commit 7b4ea3e

Please sign in to comment.
Something went wrong with that request. Please try again.