root/trunk/website/template.html

Revision 1, 5.1 kB (checked in by jlong, 2 years ago)

initial import

Line 
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <html>
4   <head>
5     <title>Radiant CMS</title>
6     <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
7     <style type="text/css">
8     <!--
9       body {
10         background: #141414;
11         color: #c1c1c1;
12         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
13         font-size: 85%;
14         padding: 0;
15         margin: 0;
16       }
17       a {
18         color: #f93;
19       }
20       a:hover {
21         text-decoration: none;
22       }
23       strong, h3 {
24         color: white;
25       }
26       .float-left {
27         float: left;
28       }
29       .clear {
30         clear: both;
31         font-size: 0;
32       }
33       #header {
34         background-color: #272727;
35         position: relative;
36         padding-bottom: 110px;
37         padding-left: 30px;
38         padding-right: 30px;
39       }
40       #logo {
41         position: absolute;
42         left: 25px;
43         bottom: 10px;
44       }
45       #site-links {
46         background-color: #141414;
47         margin-left: -30px;
48         margin-right: -30px;
49         padding: 1em;
50         padding-left: 30px;
51         padding-right: 30px;
52         text-align: right;
53       }
54       #site-links a, #site-links strong {
55         margin-left: 1em;
56         padding: 1em;
57         padding-left: .5em;
58         padding-right: .5em;
59       }
60       #site-links strong a {
61         color: white;
62         padding: 0;
63         margin: 0;
64       }
65       #site-links a {
66         color: #c1c1c1;
67         text-decoration: none;
68       }
69       #site-links a:hover {
70         color: #f93;
71         text-decoration: underline;
72       }
73       #site-links .separator {
74         display: none;
75       }
76       #content {
77         background-color: #333;
78         padding-left: 30px;
79         padding-right: 30px;
80       }
81       #content p, #content ul {
82         line-height: 120%;
83       }
84       #content h3 {
85         line-height: 130%;
86       }
87       #feature-wrapper {
88         float: right;
89         width: 100%;
90         margin-left: -800px;
91         padding-top: 20px;
92         padding-bottom: 20px;
93       }
94       #feature {
95         font-style: italic;
96         font-size: 120%;
97         padding-left: 380px;
98       }
99       #screenshot {
100         float: left;
101         width: 380px;
102         padding-top: 20px;
103         padding-bottom: 20px;
104       }
105       #screenshot img {
106         position: relative;
107         left: -9px;
108       }
109       #feature li {
110         margin-bottom: .5em;
111       }
112       #highlight {
113         background-color: #272727;
114         clear: both;
115         font-size: 120%;
116         margin-left: -30px;
117         margin-right: -30px;
118         padding-left: 30px;
119         padding-right: 30px;
120         padding-top: 20px;
121       }
122       #highlight img.float-left {
123         margin-right: 1em;
124       }
125       #highlight p {
126         line-height: 120%;
127       }
128       #footer {
129         padding-left: 30px;
130         padding-right: 30px;
131         padding-top: 25px;
132         padding-bottom: 25px;
133       }
134       #footer p {
135         line-height: 130%;
136         margin: 0;
137         margin-bottom: 1em;
138       }
139     -->
140     </style>
141   </head>
142   <body>
143     <div id="header">
144       <div id="logo">
145         <img src="/images/logo.gif" alt="Radiant - Content Management Simplified"/>
146       </div>
147       <div id="site-links">
148         <strong>Home</strong>
149         <span class="separator"> | </span>
150         <a href="http://dev.radiantcms.org/">Development</a>
151         <span class="separator"> | </span>
152         <a href="/blog/">Weblog</a>
153       </div>
154     </div>
155     <div id="content">
156       <div id="screenshot">
157         <img src="/images/screenshot.jpg" alt="screenshot" />
158       </div>
159       <div id="feature-wrapper">
160         <div id="feature">
161           <h3>Radiant is a no-fluff, open source content management system designed for small teams</h3>
162           <ul>
163             <li>It has an elegant user interface</li>
164             <li>Flexible templating with <a href="/features/layouts/">layouts</a>,
165               <a href="/features/snippets/">snippets</a>, and <a href="/features/page/parts/">page
166               parts</a></li>
167             <li>Extensible with special page-oriented plugins called
168               <a href="/features/behaviors/">behaviors</a></li>
169             <li>Built with <a href="http://rubyonrails.org/">Ruby on Rails</a></li>
170           </ul>
171           <p><a href="/features/">More Features&#8230;</a></p>
172         </div>
173       </div>
174       <div id="highlight">
175         <img class="float-left" src="/images/alpha.gif" alt="alpha" />
176         <p><strong>Radiant is still in the development stages and has not been officially released.</strong>
177           Hopefully, this won't hinder you from jumping on board and downloading it from the
178           Subversion repository. To get started, head on over to our
179           <a href="http://dev.radiantcms.org/">Trac powered dev site</a>.</p>
180         <div class="clear">&nbsp;</div>
181       </div>
182     </div>
183     <div id="footer">
184       <p>
185         Radiant CMS is designed and maintained by John W. Long of
186         <a href="http://wiseheartdesign.com/">Wiseheart Design</a>.
187         <br />
188         Web Site Design, Logo, Etc. Copyright &copy; 2006, John W. Long. All Rights Reserved.
189       </p>
190     </div>
191   </body>
192 </html>
Note: See TracBrowser for help on using the browser.