common_interface 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
data/lib/common_interface/public/common_interface/themes/simple_organization/original/empty-page.html ADDED
@@ -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>
data/lib/common_interface/public/common_interface/themes/simple_organization/original/index.html ADDED
@@ -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>
data/lib/common_interface/public/common_interface/themes/simple_organization/original/left-sidebar.html ADDED
@@ -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>