Selaa lähdekoodia

styled about page

chootka 9 vuotta sitten
vanhempi
säilyke
13f3298214
4 muutettua tiedostoa jossa 84 lisäystä ja 50 poistoa
  1. 35 22
      _site/about/index.html
  2. 7 3
      _site/stylesheets/stylesheet.css
  3. 35 22
      about/index.html
  4. 7 3
      stylesheets/stylesheet.css

+ 35 - 22
_site/about/index.html

@@ -42,8 +42,10 @@
         </header>
 
         <section id="main_content">
-  <div class="eyebeam">In Partnership with<br/><br/><img src="/images/eyebeam_logo.png" />
+  <div class="eyebeam">In Partnership with<br/>
+	<a href="http://eyebeam.org/" target="_blank"><img src="/images/eyebeam_logo.png" /></a>
 </div>
+
 <p>From mass surveillance to the over-commercialization of the 
 Internet, the technology that we depend upon for community  and 
 connection is being compromised. The recent accessibility of 
@@ -52,30 +54,41 @@ and software such as BATMAN Adv has made it affordable and possible
 for everyday citizens to learn how to design their own web servers 
 and networks.</p>
 
-<p>_QUESTIONS_<br/>
-What would you do with your own network?
-Why does it matter to understand how networks work?
-Why do community networks matter?
-How could free, open local networks benefit people?
-What can networks be used for other than social networking and commerical use?</p>
+<div>_QUESTIONS_
+	<ul>
+		<li>What would you do with your own network?</li>
+		<li>Why does it matter to understand how networks work?</li>
+		<li>Why do community networks matter?</li>
+		<li>How could free, open local networks benefit people?</li>
+		<li>What can networks be used for other than social networking and commerical use?</li>
+	</ul>
+</div>
 
-<p>_THEMES_<br/>
-Community<br/>
-Education<br/>
-Activism<br/>
-Art</p>
+<div>_THEMES_
+	<ul>
+		<li>Community</li>
+		<li>Education</li>
+		<li>Activism</li>
+		<li>Art</li>
+	</ul>
+</div>
 
-<p>_GOALS_<br/>
-To understand how the technology can be used as a method of control 
-and how to subvert that.<br/>
-Teach people how to use the technology for themselves.<br/>
-Encourage creative and social exploration with computer networks.</p>
+<div>_GOALS_
+	<ul>
+		<li>To understand how the technology can be used as a method of control and how to subvert that.</li>
+		<li>Teach people how to use the technology for themselves.</li>
+		<li>Encourage creative and social exploration with computer networks.</li>
+	</ul>
+</div>
 
-<p>_IDEALS_<br/>
-Promoting free and open networks built with free and open hardware and software.<br/>
-Decentralizing the control of where networks exist and what and whom are served by them.<br/>
-Maintaining control of our own content, hardware, and means of deployment.<br/>
-Community and education first.</p>
+<div>_IDEALS_
+	<ul>
+		<li>Promoting free and open networks built with free and open hardware and software.</li>
+		<li>Decentralizing the control of where networks exist and what and whom are served by them.</li>
+		<li>Maintaining control of our own content, hardware, and means of deployment.</li>
+		<li>Community and education first.</li>
+	</ul>
+</div>
 </section>
 
         <footer>

+ 7 - 3
_site/stylesheets/stylesheet.css

@@ -119,6 +119,10 @@ header h2 {
   right: 90px;
 }
 
+.eyebeam img {
+  margin-top: 7px;
+}
+
 #social {
   position: absolute;
   right: 50px;
@@ -309,9 +313,9 @@ blockquote {
 }
 
 ul li {
-  list-style-position: inside;
-  list-style: disc;
-  padding-left: 20px;
+  list-style: none;
+  padding-left: 10px;
+  padding-bottom: 5px;
 }
 
 ol li {

+ 35 - 22
about/index.html

@@ -2,8 +2,10 @@
 layout: page
 title: About
 ---
-<div class="eyebeam">In Partnership with<br/><br/><img src="/images/eyebeam_logo.png" />
+<div class="eyebeam">In Partnership with<br/>
+	<a href="http://eyebeam.org/" target="_blank"><img src="/images/eyebeam_logo.png" /></a>
 </div>
+
 <p>From mass surveillance to the over-commercialization of the 
 Internet, the technology that we depend upon for community  and 
 connection is being compromised. The recent accessibility of 
@@ -12,27 +14,38 @@ and software such as BATMAN Adv has made it affordable and possible
 for everyday citizens to learn how to design their own web servers 
 and networks.</p>
 
-<p>_QUESTIONS_<br/>
-What would you do with your own network?
-Why does it matter to understand how networks work?
-Why do community networks matter?
-How could free, open local networks benefit people?
-What can networks be used for other than social networking and commerical use?</p>
+<div>_QUESTIONS_
+	<ul>
+		<li>What would you do with your own network?</li>
+		<li>Why does it matter to understand how networks work?</li>
+		<li>Why do community networks matter?</li>
+		<li>How could free, open local networks benefit people?</li>
+		<li>What can networks be used for other than social networking and commerical use?</li>
+	</ul>
+</div>
 
-<p>_THEMES_<br/>
-Community<br/>
-Education<br/>
-Activism<br/>
-Art</p>
+<div>_THEMES_
+	<ul>
+		<li>Community</li>
+		<li>Education</li>
+		<li>Activism</li>
+		<li>Art</li>
+	</ul>
+</div>
 
-<p>_GOALS_<br/>
-To understand how the technology can be used as a method of control 
-and how to subvert that.<br/>
-Teach people how to use the technology for themselves.<br/>
-Encourage creative and social exploration with computer networks.</p>
+<div>_GOALS_
+	<ul>
+		<li>To understand how the technology can be used as a method of control and how to subvert that.</li>
+		<li>Teach people how to use the technology for themselves.</li>
+		<li>Encourage creative and social exploration with computer networks.</li>
+	</ul>
+</div>
 
-<p>_IDEALS_<br/>
-Promoting free and open networks built with free and open hardware and software.<br/>
-Decentralizing the control of where networks exist and what and whom are served by them.<br/>
-Maintaining control of our own content, hardware, and means of deployment.<br/>
-Community and education first.</p>
+<div>_IDEALS_
+	<ul>
+		<li>Promoting free and open networks built with free and open hardware and software.</li>
+		<li>Decentralizing the control of where networks exist and what and whom are served by them.</li>
+		<li>Maintaining control of our own content, hardware, and means of deployment.</li>
+		<li>Community and education first.</li>
+	</ul>
+</div>

+ 7 - 3
stylesheets/stylesheet.css

@@ -119,6 +119,10 @@ header h2 {
   right: 90px;
 }
 
+.eyebeam img {
+  margin-top: 7px;
+}
+
 #social {
   position: absolute;
   right: 50px;
@@ -309,9 +313,9 @@ blockquote {
 }
 
 ul li {
-  list-style-position: inside;
-  list-style: disc;
-  padding-left: 20px;
+  list-style: none;
+  padding-left: 10px;
+  padding-bottom: 5px;
 }
 
 ol li {