sweetie 0.0.2 → 0.1.0

data/spec/source/site/css/config.rb

@@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

data/spec/source/site/css/sass/site.sass

@@ -0,0 +1,180 @@
+$blue: #0048a2
+$hoverblue: #3366CC
+$grey: #BDBBBB
+$darkgrey: #bdbbbb
+$codeborder: #ddd
+$codebackground: #eef
+$inlinecodeborder: #888888
+$inlinecodebackground: #ffff88
+$imgbackground: #F3F3F3
+$imgborder: #DDDDDD
+
+// just a global reset
+*
+	:margin 5px 0 0 0
+	:padding 0
+
+html, body
+	:height 100%
+
+body
+	:background-color white
+	:font 400 1em trebuchet ms, arial, clean
+	:text-align center
+
+h1,h2,h3,h4,h5,h6
+	:font-size 110%
+	:margin 30px 0 10px 0
+	:text-transform uppercase
+
+h3
+	:margin 20px 0 10px 0
+
+h1
+	:font-size 120%
+
+h2,h3,h4,h5,h6
+	:font-size 110%
+
+#sitetitle
+	:font 400 3.5em arial, sans-serif
+	:letter-spacing -0.1em
+	:text-transform uppercase
+	:height 1.15em
+	a
+		:color $grey
+		:text-decoration none
+		:border-bottom 0px
+
+#tagseperator
+	:font-size 3.5em
+	:color $grey
+
+#tagline
+	:font-size 0.9em
+	:color $darkgrey
+
+a#navlink, a#archivelink
+	:padding-right 10px
+	:text-transform uppercase
+	:border-bottom 0px dotted $blue
+
+a#navlink:hover
+	:color $hoverblue
+
+a#archivelink
+	:float right
+
+.title
+	:margin-bottom 10px
+
+.nav
+	:margin-bottom 40px
+	:border-bottom 2px solid $grey
+
+p
+	:margin 1em 0
+
+a
+	:color $blue
+	:text-decoration none
+	:border-bottom 1px dotted $blue
+
+a.blog
+	:border-bottom 0px
+
+a.blog-small
+	:border-bottom 0px
+	:float left
+	:margin-left 10px
+
+a:hover
+	:color $hoverblue
+	:border-bottom none
+
+table
+	:font-size inherit
+	:font 100%
+
+img
+	:border 0px dotted $imgborder
+
+ul, ol
+	li
+		:margin-left 40px
+
+/* my posts */
+ul.posts
+	:margin 1em
+	:list-style-type none
+	li
+		:line-height 1.60em
+	span
+		:font-size 80%
+		:color $darkgrey
+
+ul.archiv
+	:margin 1em
+	:list-style-type none
+	li
+		:line-height 1.5em
+		:margin-left 15px
+
+.site
+	:font-size 100%
+	:text-align justify
+	:width 40em
+	// trick to center the page with auto
+	:margin 0 auto 3em auto
+	:line-height 1.4em
+	.footer
+		:font-size 70%
+		:border-top 4px solid $grey
+		:margin-top 10px
+		a
+			:text-decoration none
+			:border-bottom 0px dotted $blue
+
+/* Posts */
+#post, .site
+	pre
+		:border 1px solid $codeborder
+		:background-color $codebackground
+		:font 15px helvetica,arial,clean,sans-serif
+		:padding 0 .4em
+		:white-space pre-wrap
+	code
+		:font-size 105%
+		:border 1px dotted $inlinecodeborder
+		:background-color $inlinecodebackground
+		:padding 0 .2em
+		:display inline-block
+	.highlight code
+		:border none
+		:background-color $codebackground
+
+/* Miscleanous */
+span.tweet
+	:float right
+	:margin-top 5px
+	a
+		:text-decoration none
+		:border-bottom none
+		:font-style italic
+
+.author
+	:font-size 80%
+	:color $darkgrey
+	:margin 0 0 1em 0
+	:float right
+	a
+		:text-decoration none
+		:border-bottom none
+		:font-style italic
+
+#disqus_thread
+	:margin 2em 0 0 0
+
+.clearer
+	:clear both
+

data/spec/source/site/css/stylesheets/iphone.css

@@ -0,0 +1,17 @@
+body {
+	background-color: black;
+	color: #222;
+	font-family: Trebuchet MS; /* The font used for the main apps */
+	font-size: 16px;
+	margin: 0;
+	padding: 0;
+}
+
+.site {
+	width: 810px;
+}
+
+.site img{
+	width: 140px;
+}
+

data/spec/source/site/css/stylesheets/site.css

@@ -0,0 +1,246 @@
+/* line 13, ../sass/site.sass */
+* {
+  margin: 5px 0 0 0;
+  padding: 0;
+}
+
+/* line 17, ../sass/site.sass */
+html, body {
+  height: 100%;
+}
+
+/* line 20, ../sass/site.sass */
+body {
+  background-color: white;
+  font: 400 1em trebuchet ms, arial, clean;
+  text-align: center;
+}
+
+/* line 25, ../sass/site.sass */
+h1, h2, h3, h4, h5, h6 {
+  font-size: 110%;
+  margin: 30px 0 10px 0;
+  text-transform: uppercase;
+}
+
+/* line 30, ../sass/site.sass */
+h3 {
+  margin: 20px 0 10px 0;
+}
+
+/* line 33, ../sass/site.sass */
+h1 {
+  font-size: 120%;
+}
+
+/* line 36, ../sass/site.sass */
+h2, h3, h4, h5, h6 {
+  font-size: 110%;
+}
+
+/* line 39, ../sass/site.sass */
+#sitetitle {
+  font: 400 3.5em arial, sans-serif;
+  letter-spacing: -0.1em;
+  text-transform: uppercase;
+  height: 1.15em;
+}
+/* line 44, ../sass/site.sass */
+#sitetitle a {
+  color: #bdbbbb;
+  text-decoration: none;
+  border-bottom: 0px;
+}
+
+/* line 49, ../sass/site.sass */
+#tagseperator {
+  font-size: 3.5em;
+  color: #bdbbbb;
+}
+
+/* line 53, ../sass/site.sass */
+#tagline {
+  font-size: 0.9em;
+  color: #bdbbbb;
+}
+
+/* line 57, ../sass/site.sass */
+a#navlink, a#archivelink {
+  padding-right: 10px;
+  text-transform: uppercase;
+  border-bottom: 0px dotted #0048a2;
+}
+
+/* line 62, ../sass/site.sass */
+a#navlink:hover {
+  color: #3366cc;
+}
+
+/* line 65, ../sass/site.sass */
+a#archivelink {
+  float: right;
+}
+
+/* line 68, ../sass/site.sass */
+.title {
+  margin-bottom: 10px;
+}
+
+/* line 71, ../sass/site.sass */
+.nav {
+  margin-bottom: 40px;
+  border-bottom: 2px solid #bdbbbb;
+}
+
+/* line 75, ../sass/site.sass */
+p {
+  margin: 1em 0;
+}
+
+/* line 78, ../sass/site.sass */
+a {
+  color: #0048a2;
+  text-decoration: none;
+  border-bottom: 1px dotted #0048a2;
+}
+
+/* line 83, ../sass/site.sass */
+a.blog {
+  border-bottom: 0px;
+}
+
+/* line 86, ../sass/site.sass */
+a.blog-small {
+  border-bottom: 0px;
+  float: left;
+  margin-left: 10px;
+}
+
+/* line 91, ../sass/site.sass */
+a:hover {
+  color: #3366cc;
+  border-bottom: none;
+}
+
+/* line 95, ../sass/site.sass */
+table {
+  font-size: inherit;
+  font: 100%;
+}
+
+/* line 99, ../sass/site.sass */
+img {
+  border: 0px dotted #dddddd;
+}
+
+/* line 103, ../sass/site.sass */
+ul li, ol li {
+  margin-left: 40px;
+}
+
+/* my posts */
+/* line 107, ../sass/site.sass */
+ul.posts {
+  margin: 1em;
+  list-style-type: none;
+}
+/* line 110, ../sass/site.sass */
+ul.posts li {
+  line-height: 1.6em;
+}
+/* line 112, ../sass/site.sass */
+ul.posts span {
+  font-size: 80%;
+  color: #bdbbbb;
+}
+
+/* line 116, ../sass/site.sass */
+ul.archiv {
+  margin: 1em;
+  list-style-type: none;
+}
+/* line 119, ../sass/site.sass */
+ul.archiv li {
+  line-height: 1.5em;
+  margin-left: 15px;
+}
+
+/* line 123, ../sass/site.sass */
+.site {
+  font-size: 100%;
+  text-align: justify;
+  width: 40em;
+  margin: 0 auto 3em auto;
+  line-height: 1.4em;
+}
+/* line 130, ../sass/site.sass */
+.site .footer {
+  font-size: 70%;
+  border-top: 4px solid #bdbbbb;
+  margin-top: 10px;
+}
+/* line 134, ../sass/site.sass */
+.site .footer a {
+  text-decoration: none;
+  border-bottom: 0px dotted #0048a2;
+}
+
+/* Posts */
+/* line 140, ../sass/site.sass */
+#post pre, .site pre {
+  border: 1px solid #dddddd;
+  background-color: #eeeeff;
+  font: 15px helvetica, arial, clean, sans-serif;
+  padding: 0 0.4em;
+  white-space: pre-wrap;
+}
+/* line 146, ../sass/site.sass */
+#post code, .site code {
+  font-size: 105%;
+  border: 1px dotted #888888;
+  background-color: #ffff88;
+  padding: 0 0.2em;
+  display: inline-block;
+}
+/* line 152, ../sass/site.sass */
+#post .highlight code, .site .highlight code {
+  border: none;
+  background-color: #eeeeff;
+}
+
+/* Miscleanous */
+/* line 157, ../sass/site.sass */
+span.tweet {
+  float: right;
+  margin-top: 5px;
+}
+/* line 160, ../sass/site.sass */
+span.tweet a {
+  text-decoration: none;
+  border-bottom: none;
+  font-style: italic;
+}
+
+/* line 165, ../sass/site.sass */
+.author {
+  font-size: 80%;
+  color: #bdbbbb;
+  margin: 0 0 1em 0;
+  float: right;
+}
+/* line 170, ../sass/site.sass */
+.author a {
+  text-decoration: none;
+  border-bottom: none;
+  font-style: italic;
+}
+
+/* line 175, ../sass/site.sass */
+#disqus_thread {
+  margin: 2em 0 0 0;
+}
+
+/* line 178, ../sass/site.sass */
+.clearer {
+  clear: both;
+}

data/spec/source/site/css/stylesheets/syntax.css

@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

data/spec/source/site/follow.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
+
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <title>Following me</title>
+  <meta name="author" content="Matthias Günther" />
+  <meta name="description" content="Where you can find me in the web" />
+  <meta name="keywords" content="software developer, writer, hiker, jogger and mobile apps lover" />
+  <meta name="robots" content="noodp, nodyr" />
+  <link href="http://feeds.feedburner.com/wikimatze-blog" rel="alternate" title="Blog of Matthias Günther" type="application/atom+xml" />
+  
+  <link rel="stylesheet" href="/css/stylesheets/syntax.css" type="text/css" />
+  <link rel="stylesheet" href="/css/stylesheets/site.css" type="text/css" media="screen, projection" />
+  <link rel="shortcut icon" href="/images/favicon.png" type="image/x-icon" />
+  <script src="/js/FancyZoom.js" type="text/javascript"></script>
+  <script src="/js/FancyZoomHTML.js" type="text/javascript"></script>
+
+  <!-- iphone settings and css -->
+  <meta name="viewport" content="user-scalable=no, width=device-width" />
+  <link rel="stylesheet" type="text/css" href="/css/iphone.css" media="only screen and (max-width: 470px)" />
+  <script type="text/javascript" src="<txp:site_url />textpattern/jquery.js"></script>
+  <script type="text/javascript">
+  /* <![CDATA[ */
+  $(document).ready(function() {
+    $('.external').attr('target', '_blank');
+  });
+  /* ]]> */
+  </script>
+</head>
+<body onLoad="setupZoom();">
+  <div class="site">
+    <a name="top"></a>
+    <div class="title">
+      <span id="sitetitle">
+        <a href="/index.html">wikimatze</a>
+      </span>
+      <span id="tagseperator">|</span>
+      <span id="tagline">
+        Follow me in the dark sides of the web
+      </span>
+    </div>
+    <div class="nav">
+      <a id="navlink" href="/archiv.html">blog-archive</a>
+      <a id="navlink" href="/about.html">about</a>
+      <a id="navlink" href="/contact.html">contact</a>
+      <a id="navlink" href="/follow.html">follow</a>
+    </div>
+    <h1>Following me</h1>
+<p>Like nearly everyone today, I&#8217;m active in various social networking sites. There are some to spend only a few seconds and other which have longer (some lifetime) appeal for your patience. Here is a list where you can find me:</p>
+<ul>
+	<li><a href="http://twitter.com/wikimatze" title="twitter @wikimatze">twitter (@wikimatze)</a></li>
+	<li><a href="http://github.com/matthias-guenther" title="matthias-guenther">github</a></li>
+	<li><a href="http://www.flickr.com/photos/wikimatze" title="wikimatze">flickr (wikimatze)</a></li>
+</ul>
+<p>There are more social network sites where I publish personal information about me. If we know each in personal we can connect each other:</p>
+<ul>
+	<li><a href="https://www.facebook.com/matthias.guenther.socialmedia" title="facebook page">facebook</a></li>
+	<li><a href="http://www.xing.com/profile/Matthias_Guenther31" title="xing">xing</a></li>
+</ul>
+<h2>Feeds</h2>
+<p>Is a buzz from the old times of the Internet and means that you use news a feed reader like (in my opinion the best out there) <a href="http://reader.google.com/" title="google reader">Google Reader</a> to get informed about new articles about different websites. If you want, you can subsribe to my feed:</p>
+<ul>
+	<li><a href="http://feeds.feedburner.com/wikimatze-blog" title="news feed wikimatze">News feed</a></li>
+</ul>
+<p>Of course, you can just visit this page without using this feed if this is to complicated for you.</p>
+    <div class="clearer"></div>
+    <div class="footer">
+      Copyright &copy;2011 Matthias Günther 
+      &bull;
+      <a rel="nofollow" href="http://blog.wikimatze.de/follow.html#top">top</a>
+      &bull;
+      <a rel="nofollow" href="http://feeds.feedburner.com/wikimatze-blog">RSS</a>
+      &bull;
+      <a rel="nofollow" href="/colophon.html">colophon</a>
+    </div>
+  </div>
+</body>
+</html>