Browse Source

styled about page

chootka 10 years ago
parent
commit
13f3298214
4 changed files with 84 additions and 50 deletions
  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>
         </header>
 
 
         <section id="main_content">
         <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>
 </div>
+
 <p>From mass surveillance to the over-commercialization of the 
 <p>From mass surveillance to the over-commercialization of the 
 Internet, the technology that we depend upon for community  and 
 Internet, the technology that we depend upon for community  and 
 connection is being compromised. The recent accessibility of 
 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 
 for everyday citizens to learn how to design their own web servers 
 and networks.</p>
 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>
 </section>
 
 
         <footer>
         <footer>

+ 7 - 3
_site/stylesheets/stylesheet.css

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

+ 35 - 22
about/index.html

@@ -2,8 +2,10 @@
 layout: page
 layout: page
 title: About
 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>
 </div>
+
 <p>From mass surveillance to the over-commercialization of the 
 <p>From mass surveillance to the over-commercialization of the 
 Internet, the technology that we depend upon for community  and 
 Internet, the technology that we depend upon for community  and 
 connection is being compromised. The recent accessibility of 
 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 
 for everyday citizens to learn how to design their own web servers 
 and networks.</p>
 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;
   right: 90px;
 }
 }
 
 
+.eyebeam img {
+  margin-top: 7px;
+}
+
 #social {
 #social {
   position: absolute;
   position: absolute;
   right: 50px;
   right: 50px;
@@ -309,9 +313,9 @@ blockquote {
 }
 }
 
 
 ul li {
 ul li {
-  list-style-position: inside;
-  list-style: disc;
-  padding-left: 20px;
+  list-style: none;
+  padding-left: 10px;
+  padding-bottom: 5px;
 }
 }
 
 
 ol li {
 ol li {