first css styles to beautify quotes and normal text

perl6 · Apr 12, 2012 · ea5daf7 · ea5daf7
1 parent ee14f4e
commit ea5daf7
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 18 deletions.
diff --git a/html/index.html b/html/index.html
@@ -11,8 +11,7 @@
 
    <title>Perl 6 Tablets - Overview</title>
  </head>
- <body>
-   <h2>Perl 6 Tablets</h2>
+ <body><h2>Perl 6 Tablets</h2>
 
 <p style="margin-left:10px;margin-right:10%">
  These are the Perl 6 Tablets, a comprehensive manual,

diff --git a/html/tablet_1.html b/html/tablet_1.html
@@ -12,7 +12,7 @@
    <title>Perl 6 Language Design Tablet</title>
  </head>
  <body><h2>Perl 6 Language Design Tablet</h2><a name="top">
-<p>
+<p id='menu'>
  <a href="index.html">Overview</a>  &nbsp;- &nbsp;<i>Chapter:</i> &nbsp; 0: History &nbsp;
     <b>1: Design</b> &nbsp; 2: Basics &nbsp; 3: Var &nbsp; 4: Op &nbsp; 5: IO &nbsp; 6: {} &nbsp;
     7: Sub &nbsp; 8: OOP &nbsp; 9: Rx &nbsp; 10: Meta<br>
@@ -45,15 +45,15 @@
   <li><a href="#Design Process">Design Process</a></li>
 </ul>
 
-<i>Larry Wall: You should not take this picture to mean that linguistics is the
+<p id='quote'>Larry Wall: You should not take this picture to mean that linguistics is the
 opposite of common sense. But there are many computer scientists who have complained
 that it should be more like engineering and less like an art. And I disagree,
-but that's okay.</i>
+but that's okay.</p>
 
 <a name="Main Goal">
 <a href="#top"><h3>Main Goal</h3></a>
 
-Enjoy life and enjoy the freedom of expressing yourself. Which means: support
+Enjoy life and <b>enjoy the freedom of expressing yourself</b>. Which means: support
 you as much as possible, and not force you in any way. Perl 6 tries to be even
 better than Perl 5 as your humble servant for translating your thoughts into
 executable code (if possible).
@@ -213,14 +213,13 @@
 <br><br>
 
 <hr>
-<p>
+<p id='menu'>
  <a href="index.html">Overview</a>  &nbsp;- &nbsp;<i>Chapter:</i> &nbsp; 0: History &nbsp;
     <b>1: Design</b> &nbsp; 2: Basics &nbsp; 3: Var &nbsp; 4: Op &nbsp; 5: IO &nbsp; 6: {} &nbsp;
     7: Sub &nbsp; 8: OOP &nbsp; 9: Rx &nbsp; 10: Meta<br>
     <a href="tablet_intro.html">Intro</a>  &nbsp;-&nbsp; <i>Appendices:</i>  &nbsp; A: Index &nbsp; &nbsp; &nbsp; 
     B: Tables &nbsp; &nbsp; &nbsp; C: Cook &nbsp; &nbsp; &nbsp; D: Delta &nbsp; &nbsp; &nbsp;
     E: Best of &nbsp; &nbsp; &nbsp; F: Links
 </p>
-
  </body>
 </html>
diff --git a/html/tablet_intro.html b/html/tablet_intro.html
@@ -11,9 +11,9 @@
 
    <title>Perl 6 Intro Tablet</title>
   </head>
- <body><h2>Perl 6 Intro Tablet</h2>
+ <body><h2>Perl 6 Intro Tablet</h2><a name="top">
 
-<p>
+<p id='menu'>
  <a href="index.html">Overview</a>  &nbsp;- &nbsp;<i>Chapter:</i> &nbsp; 0: History &nbsp;
     <a href="tablet_1.html">1: Design</a> &nbsp; 2: Basics &nbsp; 3: Var &nbsp; 4: Op &nbsp; 5: IO &nbsp; 6: {} &nbsp;
     7: Sub &nbsp; 8: OOP &nbsp; 9: Rx &nbsp; 10: Meta<br>
@@ -23,12 +23,12 @@
 </p>
 <hr>
 
-<p><i>Paul Graham: There are some stunningly novel ideas in Perl, for example.
+<p id='quote'>Paul Graham: There are some stunningly novel ideas in Perl, for example.
 Many are stunningly bad, but that's always true of ambitious efforts.
 At its current rate of mutation, God knows what Perl might evolve into in a hundred years.
-</i></p>
+</p>
 
-<h3>Goal:</h3>
+<h3>Goal</h3>
 
 In good Perl tradition, this documentation wishes to be everything to everybody,
 even if its main purpose is to teach Perl 6 to the Perl 5 programmer.
@@ -41,7 +41,7 @@ <h3>Goal:</h3>
 points of view, there are several chapter in the appendix,
 that make it even more useful.
 
-<h3>Name:</h3>
+<h3>Name</h3>
 
 The emerald tablets contain wisdom, that can help you understand the whole
 creation, as these Perl 6 Tablets help you understanding Perl 6. They are also
@@ -51,7 +51,7 @@ <h3>Name:</h3>
 find quickly specific things. And at last I had to prevent namespace collision
 with other tutorials.
 
-<h3>Structure:</h3>
+<h3>Structure</h3>
 
 This wiki form is explicitly chosen, because hypertext is better for free
 learning. You can more easily follow your interest by clicking on links. (And
@@ -70,23 +70,23 @@ <h3>Structure:</h3>
 6. Appendix D is a kind of 'perldelta' and Appendix E contains links to
 additional Materials.
 
-<h3>Motivation:</h3>
+<h3>Motivation</h3>
 
 I started this here, because I believe in the ideas of Perl 6 and I wish
 wholeheartedly that our dream comes true. But on the other hand, I have my own
 project in perl 5 and like writing productive code much more. So I decided to
 be, as audrey puts it so funnily, an english hacker and help others to ease
 their way into the world of these glorious ideas.
 
-<h3>History:</h3>
+<h3>History</h3>
 
 These tablets started as my initial effort to write German Perl 6 documentation.
 It's still maintained in the german Perl wiki. Ruins of my first attempt to
 translate this into English can still be excavated down under, but let's make it
 more official here.
 
 <hr>
-<p>
+<p id='menu'>
  <a href="index.html">Overview</a>  &nbsp;- &nbsp;<i>Chapter:</i> &nbsp; 0: History &nbsp;
     <a href="tablet_1.html">1: Design</a> &nbsp; 2: Basics &nbsp; 3: Var &nbsp; 4: Op &nbsp; 5: IO &nbsp; 6: {} &nbsp;
     7: Sub &nbsp; 8: OOP &nbsp; 9: Rx &nbsp; 10: Meta<br>

diff --git a/html/tablets.css b/html/tablets.css
@@ -0,0 +1,22 @@
+body {
+ #margin:  0px;
+ #padding: 0px;
+ #background: #ffffff;
+ font: Times New Roman, san serif, helvetica;
+ text-size: 14px;
+ text-color: #000000;
+}
+
+h3 {
+}
+
+h4 {
+}
+
+#quote {
+ color: #000099;
+ font-weight: normal;
+ font: 15px verdana, arial, san serif, helvetica;
+ font-style: italic;
+
+}