common_interface 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. data/Rakefile +66 -0
  2. data/lib/common_interface.rb +39 -0
  3. data/lib/common_interface/README.md +51 -0
  4. data/lib/common_interface/demo/basic.rb +96 -0
  5. data/lib/common_interface/demo/site.rb +10 -0
  6. data/lib/common_interface/demo/view_helper.rb +17 -0
  7. data/lib/common_interface/public/common_interface/asset_packages.yml +89 -0
  8. data/lib/common_interface/public/common_interface/images/img1.jpg +0 -0
  9. data/lib/common_interface/public/common_interface/images/img1_200.jpg +0 -0
  10. data/lib/common_interface/public/common_interface/images/img1_icon.jpg +0 -0
  11. data/lib/common_interface/public/common_interface/images/img1_thumb.jpg +0 -0
  12. data/lib/common_interface/public/common_interface/images/img2.jpg +0 -0
  13. data/lib/common_interface/public/common_interface/images/img2_200.jpg +0 -0
  14. data/lib/common_interface/public/common_interface/images/img2_icon.jpg +0 -0
  15. data/lib/common_interface/public/common_interface/images/img2_thumb.jpg +0 -0
  16. data/lib/common_interface/public/common_interface/images/img3.jpg +0 -0
  17. data/lib/common_interface/public/common_interface/images/img3_200.jpg +0 -0
  18. data/lib/common_interface/public/common_interface/images/img3_icon.jpg +0 -0
  19. data/lib/common_interface/public/common_interface/images/img3_thumb.jpg +0 -0
  20. data/lib/common_interface/public/common_interface/images/video_icon.png +0 -0
  21. data/lib/common_interface/public/common_interface/js/aspects.js +0 -0
  22. data/lib/common_interface/public/common_interface/js/basic.js +229 -0
  23. data/lib/common_interface/public/common_interface/js/files_upload.js +115 -0
  24. data/lib/common_interface/public/common_interface/js/items.js +118 -0
  25. data/lib/common_interface/public/common_interface/js/style.js +50 -0
  26. data/lib/common_interface/public/common_interface/lib/jquery.elastic.js +117 -0
  27. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/blank.gif +0 -0
  28. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_close.png +0 -0
  29. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_loading.png +0 -0
  30. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_nav_left.png +0 -0
  31. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_nav_right.png +0 -0
  32. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_e.png +0 -0
  33. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_n.png +0 -0
  34. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_ne.png +0 -0
  35. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_nw.png +0 -0
  36. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_s.png +0 -0
  37. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_se.png +0 -0
  38. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_sw.png +0 -0
  39. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_shadow_w.png +0 -0
  40. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_left.png +0 -0
  41. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_main.png +0 -0
  42. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_over.png +0 -0
  43. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancy_title_right.png +0 -0
  44. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancybox-x.png +0 -0
  45. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancybox-y.png +0 -0
  46. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/fancybox.png +0 -0
  47. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.easing-1.3.pack.js +72 -0
  48. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.fancybox-1.3.1.js +1077 -0
  49. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.fancybox.css +363 -0
  50. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.fancybox.js +44 -0
  51. data/lib/common_interface/public/common_interface/lib/jquery.fancybox/jquery.mousewheel-3.0.2.pack.js +13 -0
  52. data/lib/common_interface/public/common_interface/lib/jquery.form.js +660 -0
  53. data/lib/common_interface/public/common_interface/lib/jquery.hoverIntent.js +111 -0
  54. data/lib/common_interface/public/common_interface/lib/jquery.jgrowl/jquery.jgrowl.css +128 -0
  55. data/lib/common_interface/public/common_interface/lib/jquery.jgrowl/jquery.jgrowl.js +307 -0
  56. data/lib/common_interface/public/common_interface/lib/jquery.js +4376 -0
  57. data/lib/common_interface/public/common_interface/lib/jquery.json.js +178 -0
  58. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/cancel.png +0 -0
  59. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/jquery.swfupload.js +64 -0
  60. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/style.css +8 -0
  61. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/swfupload.js +980 -0
  62. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/swfupload.queue.js +98 -0
  63. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/swfupload.swf +0 -0
  64. data/lib/common_interface/public/common_interface/lib/jquery.swfupload/swfupload/wdp_buttons_upload_61x22.png +0 -0
  65. data/lib/common_interface/public/common_interface/lib/jquery.template.js +255 -0
  66. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  67. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  68. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_flat_10_000000_40x100.png +0 -0
  69. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  70. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  71. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  72. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  73. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  74. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  75. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_222222_256x240.png +0 -0
  76. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_228ef1_256x240.png +0 -0
  77. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_ef8c08_256x240.png +0 -0
  78. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_ffd27a_256x240.png +0 -0
  79. data/lib/common_interface/public/common_interface/lib/jquery.ui/images/ui-icons_ffffff_256x240.png +0 -0
  80. data/lib/common_interface/public/common_interface/lib/jquery.ui/jquery.ui.css +406 -0
  81. data/lib/common_interface/public/common_interface/lib/jquery.ui/jquery.ui.js +71 -0
  82. data/lib/common_interface/public/common_interface/themes/default/_aspects.scss +58 -0
  83. data/lib/common_interface/public/common_interface/themes/default/_basic.scss +228 -0
  84. data/lib/common_interface/public/common_interface/themes/default/_components.scss +151 -0
  85. data/lib/common_interface/public/common_interface/themes/default/_custom_reset.scss +12 -0
  86. data/lib/common_interface/public/common_interface/themes/default/_elastic.scss +72 -0
  87. data/lib/common_interface/public/common_interface/themes/default/_items.scss +88 -0
  88. data/lib/common_interface/public/common_interface/themes/default/_mixins.scss +39 -0
  89. data/lib/common_interface/public/common_interface/themes/default/_special.scss +34 -0
  90. data/lib/common_interface/public/common_interface/themes/default/_variables.scss +15 -0
  91. data/lib/common_interface/public/common_interface/themes/default/_yui_reset.scss +127 -0
  92. data/lib/common_interface/public/common_interface/themes/default/elastic.js +307 -0
  93. data/lib/common_interface/public/common_interface/themes/default/elastic.print.css +8 -0
  94. data/lib/common_interface/public/common_interface/themes/default/reset.css +157 -0
  95. data/lib/common_interface/public/common_interface/themes/default/reset.scss +5 -0
  96. data/lib/common_interface/public/common_interface/themes/default/style.css +580 -0
  97. data/lib/common_interface/public/common_interface/themes/default/style.js +84 -0
  98. data/lib/common_interface/public/common_interface/themes/default/style.scss +11 -0
  99. data/lib/common_interface/public/common_interface/themes/simple_organization/_fixes.scss +130 -0
  100. data/lib/common_interface/public/common_interface/themes/simple_organization/_original.scss +852 -0
  101. data/lib/common_interface/public/common_interface/themes/simple_organization/img/comment-arrow.gif +0 -0
  102. data/lib/common_interface/public/common_interface/themes/simple_organization/img/comment-gravatar.gif +0 -0
  103. data/lib/common_interface/public/common_interface/themes/simple_organization/img/comment-reply.gif +0 -0
  104. data/lib/common_interface/public/common_interface/themes/simple_organization/img/logo-small.gif +0 -0
  105. data/lib/common_interface/public/common_interface/themes/simple_organization/img/logo.gif +0 -0
  106. data/lib/common_interface/public/common_interface/themes/simple_organization/img/main-two-columns-left.gif +0 -0
  107. data/lib/common_interface/public/common_interface/themes/simple_organization/img/main-two-columns.gif +0 -0
  108. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-event.jpg +0 -0
  109. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-gravatar.gif +0 -0
  110. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-image.jpg +0 -0
  111. data/lib/common_interface/public/common_interface/themes/simple_organization/img/sample-thumbnail.jpg +0 -0
  112. data/lib/common_interface/public/common_interface/themes/simple_organization/original/archives.html +389 -0
  113. data/lib/common_interface/public/common_interface/themes/simple_organization/original/comments.html +486 -0
  114. data/lib/common_interface/public/common_interface/themes/simple_organization/original/empty-page.html +107 -0
  115. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/comment-arrow.gif +0 -0
  116. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/comment-gravatar.gif +0 -0
  117. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/comment-reply.gif +0 -0
  118. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/logo-small.gif +0 -0
  119. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/logo.gif +0 -0
  120. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/main-two-columns-left.gif +0 -0
  121. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/main-two-columns.gif +0 -0
  122. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-event.jpg +0 -0
  123. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-gravatar.gif +0 -0
  124. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-image.jpg +0 -0
  125. data/lib/common_interface/public/common_interface/themes/simple_organization/original/img/sample-thumbnail.jpg +0 -0
  126. data/lib/common_interface/public/common_interface/themes/simple_organization/original/index.html +307 -0
  127. data/lib/common_interface/public/common_interface/themes/simple_organization/original/left-sidebar.html +307 -0
  128. data/lib/common_interface/public/common_interface/themes/simple_organization/original/no-subnavigation.html +290 -0
  129. data/lib/common_interface/public/common_interface/themes/simple_organization/original/single-column.html +209 -0
  130. data/lib/common_interface/public/common_interface/themes/simple_organization/original/style-demo.html +355 -0
  131. data/lib/common_interface/public/common_interface/themes/simple_organization/original/style.css +658 -0
  132. data/lib/common_interface/public/common_interface/themes/simple_organization/style.css +965 -0
  133. data/lib/common_interface/public/common_interface/themes/simple_organization/style.scss +2 -0
  134. data/lib/common_interface/public/common_interface/themes/simple_organization/tmp/comments.html +486 -0
  135. data/lib/common_interface/public/common_interface/themes/simple_organization/tmp/tmp.html +307 -0
  136. data/lib/common_interface/tmp/html.html +39 -0
  137. data/lib/common_interface/tmp/js.js +78 -0
  138. data/lib/common_interface/view_helper.rb +52 -0
  139. data/readme.md +49 -0
  140. data/spec/basic_spec.rb +63 -0
  141. data/spec/helper.rb +8 -0
  142. data/spec/spec.opts +4 -0
  143. metadata +221 -0
@@ -0,0 +1,107 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
3
+
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
6
+ <meta name="description" content=""/>
7
+ <meta name="keywords" content="" />
8
+ <meta name="author" content="" />
9
+ <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
10
+ <title>Website Template: Simple Organization - Empty Page (demo)</title>
11
+ </head>
12
+
13
+ <body>
14
+
15
+ <div id="site-wrapper">
16
+
17
+ <div id="header">
18
+
19
+ <div id="top">
20
+
21
+ <div class="left" id="logo">
22
+ <a href="index.html"><img src="img/logo.gif" alt="" /></a>
23
+ </div>
24
+
25
+ <div class="left navigation" id="main-nav">
26
+
27
+ <ul class="tabbed">
28
+ <li class="current-tab"><a href="index.html">Blog</a></li>
29
+ <li><a href="#">Events</a></li>
30
+ <li><a href="#">About</a></li>
31
+ <li><a href="#">Archives</a></li>
32
+ <li><a href="#">Join Us!</a></li>
33
+ </ul>
34
+
35
+ <div class="clearer">&nbsp;</div>
36
+
37
+ </div>
38
+
39
+ <div class="clearer">&nbsp;</div>
40
+
41
+ </div>
42
+
43
+ <div class="navigation" id="sub-nav">
44
+
45
+ <ul class="tabbed">
46
+ <li><a href="index.html">Template Info</a></li>
47
+ <li><a href="style-demo.html">Style Demo</a></li>
48
+ <li><a href="comments.html">Comments</a></li>
49
+ <li><a href="archives.html">Archives</a></li>
50
+ <li><a href="no-subnavigation.html">No Subnavigation</a></li>
51
+ <li><a href="left-sidebar.html">Left Sidebar</a></li>
52
+ <li><a href="single-column.html">Single Column</a></li>
53
+ <li class="current-tab"><a href="empty-page.html">Empty Page</a></li>
54
+ </ul>
55
+
56
+ <div class="clearer">&nbsp;</div>
57
+
58
+ </div>
59
+
60
+ </div>
61
+
62
+ <div class="main" id="main-two-columns">
63
+
64
+ <div class="left" id="main-content">
65
+
66
+ Empty main content
67
+
68
+ </div>
69
+
70
+ <div class="right sidebar" id="sidebar">
71
+
72
+ Empty Sidebar
73
+
74
+ </div>
75
+
76
+ <div class="clearer">&nbsp;</div>
77
+
78
+ </div>
79
+
80
+ <div id="footer">
81
+
82
+ <div class="left" id="footer-left">
83
+
84
+ <img src="img/logo-small.gif" alt="" class="left" />
85
+
86
+ <p>&copy; 2002-2009 Simple Organization. All rights Reserved</p>
87
+
88
+ <p class="quiet"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></p>
89
+
90
+ <div class="clearer">&nbsp;</div>
91
+
92
+ </div>
93
+
94
+ <div class="right" id="footer-right">
95
+
96
+ <p class="large"><a href="#">Blog</a> <span class="text-separator">|</span> <a href="#">Events</a> <span class="text-separator">|</span> <a href="#">About</a> <span class="text-separator">|</span> <a href="#">Archives</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top &uarr;</a></p>
97
+
98
+ </div>
99
+
100
+ <div class="clearer">&nbsp;</div>
101
+
102
+ </div>
103
+
104
+ </div>
105
+
106
+ </body>
107
+ </html>
@@ -0,0 +1,307 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
3
+
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
6
+ <meta name="description" content=""/>
7
+ <meta name="keywords" content="" />
8
+ <meta name="author" content="" />
9
+ <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
10
+ <title>Website Template: Simple Organization (demo)</title>
11
+ </head>
12
+
13
+ <body>
14
+
15
+ <div id="site-wrapper">
16
+
17
+ <div id="header">
18
+
19
+ <div id="top">
20
+
21
+ <div class="left" id="logo">
22
+ <a href="index.html"><img src="img/logo.gif" alt="" /></a>
23
+ </div>
24
+
25
+ <div class="left navigation" id="main-nav">
26
+
27
+ <ul class="tabbed">
28
+ <li class="current-tab"><a href="index.html">Blog</a></li>
29
+ <li><a href="#">Events</a></li>
30
+ <li><a href="#">About</a></li>
31
+ <li><a href="#">Archives</a></li>
32
+ <li><a href="#">Join Us!</a></li>
33
+ </ul>
34
+
35
+ <div class="clearer">&nbsp;</div>
36
+
37
+ </div>
38
+
39
+ <div class="clearer">&nbsp;</div>
40
+
41
+ </div>
42
+
43
+ <div class="navigation" id="sub-nav">
44
+
45
+ <ul class="tabbed">
46
+ <li class="current-tab"><a href="index.html">Template Info</a></li>
47
+ <li><a href="style-demo.html">Style Demo</a></li>
48
+ <li><a href="comments.html">Comments</a></li>
49
+ <li><a href="archives.html">Archives</a></li>
50
+ <li><a href="no-subnavigation.html">No Subnavigation</a></li>
51
+ <li><a href="left-sidebar.html">Left Sidebar</a></li>
52
+ <li><a href="single-column.html">Single Column</a></li>
53
+ <li><a href="empty-page.html">Empty Page</a></li>
54
+ </ul>
55
+
56
+ <div class="clearer">&nbsp;</div>
57
+
58
+ </div>
59
+
60
+ </div>
61
+
62
+ <div id="splash">
63
+
64
+ <div class="col3 left">
65
+
66
+ <h2 class="label label-green">Mission Statement</h2>
67
+
68
+ <p class="quiet large">What we want to achieve</p>
69
+
70
+ <p>Vestibulum eu pellentesque ante. Sed tincidunt quam eu nisl luctus id mattis tellus rhoncus.</p>
71
+ <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec dapibus eros vitae nibh venenatis faucibus.</p>
72
+ <p><a href="#" class="more">Learn more &raquo;</a></p>
73
+
74
+ </div>
75
+
76
+ <div class="col3-mid left">
77
+
78
+ <h2 class="label label-orange">Next Event</h2>
79
+
80
+ <p class="quiet large">Friday, August 18, 2009</p>
81
+
82
+ <p><img src="img/sample-event.jpg" width="240" height="80" alt="" class="bordered" /></p>
83
+ <p><em>Aliquam augue neque, rhoncus et dictum in, cursus eget mauris.</em></p>
84
+
85
+ </div>
86
+
87
+ <div class="col3 right">
88
+
89
+ <h2 class="label label-blue">Follow Us</h2>
90
+
91
+ <p class="quiet large">http://twitter.com/username</p>
92
+
93
+ <p>Nulla mollis sollicitudin nulla et mattis.<span class="quiet">(2 hours ago)</span></p>
94
+ <p>Torquent per conubia nostra, per inceptos himenaeos. <span class="quiet">(2 hours ago)</span></p>
95
+ <p>In sed ante at velit hendrerit blandit a et nibh. Cras sed cursus nulla. <span class="quiet">(3 hours ago)</span></p>
96
+ <p>Nullam vitae mi at nulla blandit. <span class="quiet">(5 hours ago)</span></p>
97
+
98
+ </div>
99
+
100
+ <div class="clearer">&nbsp;</div>
101
+
102
+ </div>
103
+
104
+ <div class="main" id="main-two-columns">
105
+
106
+ <div class="left" id="main-content">
107
+
108
+ <div class="section">
109
+
110
+ <div class="section-title">Blog</div>
111
+
112
+ <div class="section-content">
113
+
114
+ <div class="post">
115
+
116
+ <div class="post-title"><h2><a href="#">Template Information</a></h2></div>
117
+
118
+ <div class="post-date">Saturday, September 19, 2009 by Viktor Persson</div>
119
+
120
+ <div class="post-body">
121
+
122
+ <p><a href="#"><img src="img/sample-image.jpg" alt="" class="bordered" /></a></p>
123
+
124
+ <p class="large">This is a free website template by <a href="http://arcsin.se/">Arcsin</a>, built using tableless XHTML and CSS.</p>
125
+
126
+ <p>This template is distributed under a <a href="http://templates.arcsin.se/license/">Creative Commons Attribution 2.5 License</a>, which allows you to use and modify it for any purpose (personal and commercial), under the condition that you keep the provided credit links in the footer.</p>
127
+
128
+ <p>The latest template version and CMS conversions for platforms such as WordPress and Blogger can be found at the official <a href="http://templates.arcsin.se/simple-organization-website-template/">Simple Organization Website Template</a> page.</p>
129
+
130
+ <p>For more templates, questions and comments please visit <a href="http://templates.arcsin.se/">Arcsin Web Templates</a>.</p>
131
+
132
+ <a href="http://templates.arcsin.se/" class="more">Read more &#187;</a>
133
+
134
+ </div>
135
+
136
+ </div>
137
+
138
+ <div class="content-separator"></div>
139
+
140
+ <div class="col3 left">
141
+ <div class="column-content">
142
+
143
+ <div class="post">
144
+ <h3><a href="#">Article title</a></h3>
145
+ <p>Integer diam elit, condi mentum ac semper ut, tincidunt non diam. Ut congue at commodo aenean euismod tincidunt lorem euismod.</p>
146
+ <a href="#" class="more">Read more &#187;</a>
147
+ </div>
148
+
149
+ </div>
150
+ </div>
151
+
152
+ <div class="col3 col3-mid left">
153
+ <div class="column-content">
154
+
155
+ <div class="post">
156
+ <h3><a href="#">Second Article Title</a></h3>
157
+ <p>Sed congue lacinia leo, sed dignissim odio pharetra vel. Fusce a dignissim dui. Fusce semper porttitor enim dapibus venenatis.</p>
158
+ <a href="#" class="more">Read more &#187;</a>
159
+ </div>
160
+
161
+ </div>
162
+ </div>
163
+
164
+ <div class="col3 right">
165
+ <div class="column-content">
166
+
167
+ <div class="post">
168
+ <h3><a href="#">Third title</a></h3>
169
+ <p>Sed auctor hendrerit eros eu eleifend. Cras hendrerit iaculis sodales. Pellentesque interdum rhoncus magna.</p>
170
+ <a href="#" class="more">Read more &#187;</a>
171
+ </div>
172
+
173
+ </div>
174
+ </div>
175
+
176
+ <div class="clearer">&nbsp;</div>
177
+
178
+ </div>
179
+
180
+ </div>
181
+
182
+ <div class="clearer">&nbsp;</div>
183
+
184
+ </div>
185
+
186
+ <div class="right sidebar" id="sidebar">
187
+
188
+ <div class="section">
189
+
190
+ <div class="section-title">Search</div>
191
+
192
+ <div class="section-content">
193
+ <form method="post" action="">
194
+ <input type="text" class="text" size="28" /> &nbsp; <input type="submit" class="button" value="Submit" />
195
+ </form>
196
+ </div>
197
+
198
+ </div>
199
+
200
+ <div class="section">
201
+
202
+ <div class="section-title">Recent Entries</div>
203
+
204
+ <div class="section-content">
205
+
206
+ <ul class="nice-list">
207
+ <li>
208
+ <div class="left"><a href="#">Aenean tempor arcu..</a></div>
209
+ <div class="right">Oct 12</div>
210
+ <div class="clearer">&nbsp;</div>
211
+ </li>
212
+ <li>
213
+ <div class="left"><a href="#">Justo interdum rutrum</a></div>
214
+ <div class="right">Sep 15</div>
215
+ <div class="clearer">&nbsp;</div>
216
+ </li>
217
+ <li>
218
+ <div class="left"><a href="#">In nec justo in urna</a></div>
219
+ <div class="right">Sep 12</div>
220
+ <div class="clearer">&nbsp;</div>
221
+ </li>
222
+ <li>
223
+ <div class="left"><a href="#">Accumsan condimentum</a></div>
224
+ <div class="right">Sep 6</div>
225
+ <div class="clearer">&nbsp;</div>
226
+ </li>
227
+ <li>
228
+ <div class="left"><a href="#">Etiam commodo bibendum</a></div>
229
+ <div class="right">Aug 27</div>
230
+ <div class="clearer">&nbsp;</div>
231
+ </li>
232
+ <li>
233
+ <div class="left"><a href="#">Mauris euismod justo</a></div>
234
+ <div class="right">Aug 21</div>
235
+ <div class="clearer">&nbsp;</div>
236
+ </li>
237
+ <li><a href="#" class="more">Browse Archives &#187;</a></li>
238
+ </ul>
239
+
240
+ </div>
241
+
242
+ </div>
243
+
244
+ <div class="section">
245
+
246
+ <div class="section-title">Board of Members</div>
247
+
248
+ <div class="section-content">
249
+
250
+ <ul class="nice-list">
251
+ <li><a href="#">Elem Semper</a> <span class="quiet">- Director</span></li>
252
+ <li><a href="#">Porttitor Urna</a> <span class="quiet">- Lead Writer</span></li>
253
+ <li><a href="#">Congue Porttitor</a> <span class="quiet">- Editor</span></li>
254
+ <li><a href="#">Etiam Blandit</a> <span class="quiet">- Writer</span></li>
255
+ <li><a href="#">Diet Tesque</a> <span class="quiet">- Writer</span></li>
256
+ </ul>
257
+
258
+ </div>
259
+
260
+ </div>
261
+
262
+ <div class="section">
263
+
264
+ <div class="section-title">Topics</div>
265
+
266
+ <div class="section-content">
267
+ <div class="quiet">
268
+ <a href="#" style="font-size: 120%">vestibulum</a> <a href="#" style="font-size: 120%">ante</a> <a href="#" style="font-size: 150%">ipsum</a> <a href="#" style="font-size: 120%">faucibus</a> <a href="#" style="font-size: 90%">orci luctus</a> <a href="#" style="font-size: 80%">ultrices</a> <a href="#" style="font-size: 220%">posuere cubilia</a> <a href="#" style="font-size: 100%">curae</a> <a href="#" style="font-size: 110%">quisque</a> <a href="#" style="font-size: 150%">ut arcu</a> <a href="#" style="font-size: 140%">eros</a> <a href="#" style="font-size: 100%">vestibulum</a> <a href="#" style="font-size: 90%">dapibus</a> <a href="#" style="font-size: 120%">volutpat</a> <a href="#" style="font-size: 200%">elementum</a>
269
+ </div>
270
+ </div>
271
+
272
+ </div>
273
+
274
+ </div>
275
+
276
+ <div class="clearer">&nbsp;</div>
277
+
278
+ </div>
279
+
280
+ <div id="footer">
281
+
282
+ <div class="left" id="footer-left">
283
+
284
+ <img src="img/logo-small.gif" alt="" class="left" />
285
+
286
+ <p>&copy; 2002-2009 Simple Organization. All rights Reserved</p>
287
+
288
+ <p class="quiet"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></p>
289
+
290
+ <div class="clearer">&nbsp;</div>
291
+
292
+ </div>
293
+
294
+ <div class="right" id="footer-right">
295
+
296
+ <p class="large"><a href="#">Blog</a> <span class="text-separator">|</span> <a href="#">Events</a> <span class="text-separator">|</span> <a href="#">About</a> <span class="text-separator">|</span> <a href="#">Archives</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top &uarr;</a></p>
297
+
298
+ </div>
299
+
300
+ <div class="clearer">&nbsp;</div>
301
+
302
+ </div>
303
+
304
+ </div>
305
+
306
+ </body>
307
+ </html>
@@ -0,0 +1,307 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
+ <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
3
+
4
+ <head>
5
+ <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
6
+ <meta name="description" content=""/>
7
+ <meta name="keywords" content="" />
8
+ <meta name="author" content="" />
9
+ <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
10
+ <title>Website Template: Simple Organization - Left Sidebar (demo)</title>
11
+ </head>
12
+
13
+ <body>
14
+
15
+ <div id="site-wrapper">
16
+
17
+ <div id="header">
18
+
19
+ <div id="top">
20
+
21
+ <div class="left" id="logo">
22
+ <a href="index.html"><img src="img/logo.gif" alt="" /></a>
23
+ </div>
24
+
25
+ <div class="left navigation" id="main-nav">
26
+
27
+ <ul class="tabbed">
28
+ <li class="current-tab"><a href="index.html">Blog</a></li>
29
+ <li><a href="#">Events</a></li>
30
+ <li><a href="#">About</a></li>
31
+ <li><a href="#">Archives</a></li>
32
+ <li><a href="#">Join Us!</a></li>
33
+ </ul>
34
+
35
+ <div class="clearer">&nbsp;</div>
36
+
37
+ </div>
38
+
39
+ <div class="clearer">&nbsp;</div>
40
+
41
+ </div>
42
+
43
+ <div class="navigation" id="sub-nav">
44
+
45
+ <ul class="tabbed">
46
+ <li><a href="index.html">Template Info</a></li>
47
+ <li><a href="style-demo.html">Style Demo</a></li>
48
+ <li><a href="comments.html">Comments</a></li>
49
+ <li><a href="archives.html">Archives</a></li>
50
+ <li><a href="no-subnavigation.html">No Subnavigation</a></li>
51
+ <li class="current-tab"><a href="left-sidebar.html">Left Sidebar</a></li>
52
+ <li><a href="single-column.html">Single Column</a></li>
53
+ <li><a href="empty-page.html">Empty Page</a></li>
54
+ </ul>
55
+
56
+ <div class="clearer">&nbsp;</div>
57
+
58
+ </div>
59
+
60
+ </div>
61
+
62
+ <div id="splash">
63
+
64
+ <div class="col3 left">
65
+
66
+ <h2 class="label label-green">Mission Statement</h2>
67
+
68
+ <p class="quiet large">What we want to achieve</p>
69
+
70
+ <p>Vestibulum eu pellentesque ante. Sed tincidunt quam eu nisl luctus id mattis tellus rhoncus.</p>
71
+ <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Donec dapibus eros vitae nibh venenatis faucibus.</p>
72
+ <p><a href="#" class="more">Learn more &raquo;</a></p>
73
+
74
+ </div>
75
+
76
+ <div class="col3-mid left">
77
+
78
+ <h2 class="label label-orange">Next Event</h2>
79
+
80
+ <p class="quiet large">Friday, August 18, 2009</p>
81
+
82
+ <p><img src="img/sample-event.jpg" width="240" height="80" alt="" class="bordered" /></p>
83
+ <p><em>Aliquam augue neque, rhoncus et dictum in, cursus eget mauris.</em></p>
84
+
85
+ </div>
86
+
87
+ <div class="col3 right">
88
+
89
+ <h2 class="label label-blue">Follow Us</h2>
90
+
91
+ <p class="quiet large">http://twitter.com/username</p>
92
+
93
+ <p>Nulla mollis sollicitudin nulla et mattis.<span class="quiet">(2 hours ago)</span></p>
94
+ <p>Torquent per conubia nostra, per inceptos himenaeos. <span class="quiet">(2 hours ago)</span></p>
95
+ <p>In sed ante at velit hendrerit blandit a et nibh. Cras sed cursus nulla. <span class="quiet">(3 hours ago)</span></p>
96
+ <p>Nullam vitae mi at nulla blandit. <span class="quiet">(5 hours ago)</span></p>
97
+
98
+ </div>
99
+
100
+ <div class="clearer">&nbsp;</div>
101
+
102
+ </div>
103
+
104
+ <div class="main" id="main-two-columns-left">
105
+
106
+ <div class="right" id="main-content">
107
+
108
+ <div class="section">
109
+
110
+ <div class="section-title">Blog</div>
111
+
112
+ <div class="section-content">
113
+
114
+ <div class="post">
115
+
116
+ <div class="post-title"><h2><a href="#">Template Information</a></h2></div>
117
+
118
+ <div class="post-date">Saturday, September 19, 2009 by Viktor Persson</div>
119
+
120
+ <div class="post-body">
121
+
122
+ <p><a href="#"><img src="img/sample-image.jpg" alt="" class="bordered" /></a></p>
123
+
124
+ <p class="large">This is a free website template by <a href="http://arcsin.se/">Arcsin</a>, built using tableless XHTML and CSS.</p>
125
+
126
+ <p>This template is distributed under a <a href="http://templates.arcsin.se/license/">Creative Commons Attribution 2.5 License</a>, which allows you to use and modify it for any purpose (personal and commercial), under the condition that you keep the provided credit links in the footer.</p>
127
+
128
+ <p>The latest template version and CMS conversions for platforms such as WordPress and Blogger can be found at the official <a href="http://templates.arcsin.se/simple-organization-website-template/">Simple Organization Website Template</a> page.</p>
129
+
130
+ <p>For more templates, questions and comments please visit <a href="http://templates.arcsin.se/">Arcsin Web Templates</a>.</p>
131
+
132
+ <a href="http://templates.arcsin.se/" class="more">Read more &#187;</a>
133
+
134
+ </div>
135
+
136
+ </div>
137
+
138
+ <div class="content-separator"></div>
139
+
140
+ <div class="col3 left">
141
+ <div class="column-content">
142
+
143
+ <div class="post">
144
+ <h3><a href="#">Article title</a></h3>
145
+ <p>Integer diam elit, condi mentum ac semper ut, tincidunt non diam. Ut congue at commodo aenean euismod tincidunt lorem euismod.</p>
146
+ <a href="#" class="more">Read more &#187;</a>
147
+ </div>
148
+
149
+ </div>
150
+ </div>
151
+
152
+ <div class="col3 col3-mid left">
153
+ <div class="column-content">
154
+
155
+ <div class="post">
156
+ <h3><a href="#">Second Article Title</a></h3>
157
+ <p>Sed congue lacinia leo, sed dignissim odio pharetra vel. Fusce a dignissim dui. Fusce semper porttitor enim dapibus venenatis.</p>
158
+ <a href="#" class="more">Read more &#187;</a>
159
+ </div>
160
+
161
+ </div>
162
+ </div>
163
+
164
+ <div class="col3 right">
165
+ <div class="column-content">
166
+
167
+ <div class="post">
168
+ <h3><a href="#">Third title</a></h3>
169
+ <p>Sed auctor hendrerit eros eu eleifend. Cras hendrerit iaculis sodales. Pellentesque interdum rhoncus magna.</p>
170
+ <a href="#" class="more">Read more &#187;</a>
171
+ </div>
172
+
173
+ </div>
174
+ </div>
175
+
176
+ <div class="clearer">&nbsp;</div>
177
+
178
+ </div>
179
+
180
+ </div>
181
+
182
+ <div class="clearer">&nbsp;</div>
183
+
184
+ </div>
185
+
186
+ <div class="left sidebar" id="sidebar">
187
+
188
+ <div class="section">
189
+
190
+ <div class="section-title">Search</div>
191
+
192
+ <div class="section-content">
193
+ <form method="post" action="">
194
+ <input type="text" class="text" size="28" /> &nbsp; <input type="submit" class="button" value="Submit" />
195
+ </form>
196
+ </div>
197
+
198
+ </div>
199
+
200
+ <div class="section">
201
+
202
+ <div class="section-title">Recent Entries</div>
203
+
204
+ <div class="section-content">
205
+
206
+ <ul class="nice-list">
207
+ <li>
208
+ <div class="left"><a href="#">Aenean tempor arcu..</a></div>
209
+ <div class="right">Oct 12</div>
210
+ <div class="clearer">&nbsp;</div>
211
+ </li>
212
+ <li>
213
+ <div class="left"><a href="#">Justo interdum rutrum</a></div>
214
+ <div class="right">Sep 15</div>
215
+ <div class="clearer">&nbsp;</div>
216
+ </li>
217
+ <li>
218
+ <div class="left"><a href="#">In nec justo in urna</a></div>
219
+ <div class="right">Sep 12</div>
220
+ <div class="clearer">&nbsp;</div>
221
+ </li>
222
+ <li>
223
+ <div class="left"><a href="#">Accumsan condimentum</a></div>
224
+ <div class="right">Sep 6</div>
225
+ <div class="clearer">&nbsp;</div>
226
+ </li>
227
+ <li>
228
+ <div class="left"><a href="#">Etiam commodo bibendum</a></div>
229
+ <div class="right">Aug 27</div>
230
+ <div class="clearer">&nbsp;</div>
231
+ </li>
232
+ <li>
233
+ <div class="left"><a href="#">Mauris euismod justo</a></div>
234
+ <div class="right">Aug 21</div>
235
+ <div class="clearer">&nbsp;</div>
236
+ </li>
237
+ <li><a href="#" class="more">Browse Archives &#187;</a></li>
238
+ </ul>
239
+
240
+ </div>
241
+
242
+ </div>
243
+
244
+ <div class="section">
245
+
246
+ <div class="section-title">Board of Members</div>
247
+
248
+ <div class="section-content">
249
+
250
+ <ul class="nice-list">
251
+ <li><a href="#">Elem Semper</a> <span class="quiet">- Director</span></li>
252
+ <li><a href="#">Porttitor Urna</a> <span class="quiet">- Lead Writer</span></li>
253
+ <li><a href="#">Congue Porttitor</a> <span class="quiet">- Editor</span></li>
254
+ <li><a href="#">Etiam Blandit</a> <span class="quiet">- Writer</span></li>
255
+ <li><a href="#">Diet Tesque</a> <span class="quiet">- Writer</span></li>
256
+ </ul>
257
+
258
+ </div>
259
+
260
+ </div>
261
+
262
+ <div class="section">
263
+
264
+ <div class="section-title">Topics</div>
265
+
266
+ <div class="section-content">
267
+ <div class="quiet">
268
+ <a href="#" style="font-size: 120%">vestibulum</a> <a href="#" style="font-size: 120%">ante</a> <a href="#" style="font-size: 150%">ipsum</a> <a href="#" style="font-size: 120%">faucibus</a> <a href="#" style="font-size: 90%">orci luctus</a> <a href="#" style="font-size: 80%">ultrices</a> <a href="#" style="font-size: 220%">posuere cubilia</a> <a href="#" style="font-size: 100%">curae</a> <a href="#" style="font-size: 110%">quisque</a> <a href="#" style="font-size: 150%">ut arcu</a> <a href="#" style="font-size: 140%">eros</a> <a href="#" style="font-size: 100%">vestibulum</a> <a href="#" style="font-size: 90%">dapibus</a> <a href="#" style="font-size: 120%">volutpat</a> <a href="#" style="font-size: 200%">elementum</a>
269
+ </div>
270
+ </div>
271
+
272
+ </div>
273
+
274
+ </div>
275
+
276
+ <div class="clearer">&nbsp;</div>
277
+
278
+ </div>
279
+
280
+ <div id="footer">
281
+
282
+ <div class="left" id="footer-left">
283
+
284
+ <img src="img/logo-small.gif" alt="" class="left" />
285
+
286
+ <p>&copy; 2002-2009 Simple Organization. All rights Reserved</p>
287
+
288
+ <p class="quiet"><a href="http://templates.arcsin.se/">Website template</a> by <a href="http://arcsin.se/">Arcsin</a></p>
289
+
290
+ <div class="clearer">&nbsp;</div>
291
+
292
+ </div>
293
+
294
+ <div class="right" id="footer-right">
295
+
296
+ <p class="large"><a href="#">Blog</a> <span class="text-separator">|</span> <a href="#">Events</a> <span class="text-separator">|</span> <a href="#">About</a> <span class="text-separator">|</span> <a href="#">Archives</a> <span class="text-separator">|</span> <strong><a href="#">Join Us!</a></strong> <span class="text-separator">|</span> <a href="#top" class="quiet">Page Top &uarr;</a></p>
297
+
298
+ </div>
299
+
300
+ <div class="clearer">&nbsp;</div>
301
+
302
+ </div>
303
+
304
+ </div>
305
+
306
+ </body>
307
+ </html>