first porting of an old article in here!

ariutti · Aug 3, 2024 · fff814c · fff814c
1 parent ffd3071
commit fff814c
Show file tree

Hide file tree

Showing 20 changed files with 1,541 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -44,17 +44,29 @@ Every article shoud start with a header. In order to do This you should call the
 <?php genheader("How the Dreamcast copy protection was defeated", "December 11, 2018");?>
 ```
 
+### Headers like "h"
+
+Call the php specific function <?php h("my section title here");?>
+
 ### Images
 
 TODO
 
 
 ### Footnotes
 
-In order to make footnotes in your article you have to use thie php function in your article php src: `<?php footnote("segaretro.org: GD-ROM", "https://segaretro.org/GD-ROM");?>`
+In order to make footnotes in your article you have to use thie php function in your article php src: `<?php footnote("note title", "URL link");?>`
 
 
 ## TODO
 
 * Create a file `about/index.html`
 * Create a file `/contact/index.html`
+
+## from MD to HTML
+
+In using Pulsar text editor in order to edit old articles written in md format use the follogin regular expressions:
+
+* search for: '\*\*(.*?)\*\*' and replace with: '<b>$1</b>';
+* search for: '_(.*?)_' and replace with: '<i>$1</i>';
+* search for: '\$\$(.*?)\$\$' and replace with: '<code>$1</code>', same with `(.*?)`;
diff --git a/about/index.html b/about/index.html
@@ -99,6 +99,14 @@
     width: 100%;
   }
 
+  .note {
+    position: relative;
+    background-color: #ffd700;
+    padding: 1em;
+    margin: 1em 0 2em;
+    border-radius: 5px;
+  }
+
   code {
     /*font-size: 110%;*/
     font-weight: bold;
@@ -108,6 +116,38 @@
     padding-right: 0.3ch;
   }
 
+  /* TABELLA WALK MATRIX */
+  table.walk-matrix {
+      font-size: 0.8em;
+      width: 70%;
+      margin:auto;
+      border-collapse: collapse;
+  }
+
+  /*
+  table.walk-matrix th {
+      background-color: #ccc;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #fff;
+  }
+  */
+
+  table.walk-matrix td {
+      width: 8%;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #ccc;
+  }
+
+  table.walk-matrix td.gray1{
+      background-color: #ddd;
+  }
+
+  table.walk-matrix td.gray2{
+      background-color: #eee;
+  }
+
   </style>
   <title>About Nicola Ariutti</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=1.0, user-scalable=yes">
@@ -125,9 +165,7 @@
 <div class='heading'>About Nicola Ariutti</div><hr/><p>This is my personal website, you can find here thoughts, ideas, music and code born during my extra-professional time.</p>
 
 
-<div class='heading'>This website</div><hr/><p>This website has been created on the code base by <a href="https://fabiensanglard.net">Fabien Sanglard</a>, a really brilliant person who, in his spare time, devotes himself to research mainly in the field of computer science and retro-engineering of the gaming world, but not only.
-<br/>
-His website and books have been a great source of inspiration for me.<br/>
+<div class='heading'>This website</div><hr/><p>This website has been created on the code base by <a href="https://fabiensanglard.net">Fabien Sanglard</a>, a very cool person to me, who, in his spare time, devotes himself to research mainly in the field of computer science and retro-engineering of the videogaming world, but not only. His website and books have been a great source of inspiration for me.<br/>
 You can find a copy of his website code (and also read more about his website techs) <a href="https://fabiensanglard.net/ilike/index.html">here</a>, and <a href="https://fabiensanglard.net/html/index.html">here</a>.
 </p>
 <br/>

diff --git a/about/src.php b/about/src.php
@@ -3,9 +3,7 @@
 
 
 <?php h("This website");?>
-<p>This website has been created on the code base by <a href="https://fabiensanglard.net">Fabien Sanglard</a>, a really brilliant person who, in his spare time, devotes himself to research mainly in the field of computer science and retro-engineering of the gaming world, but not only.
-<br/>
-His website and books have been a great source of inspiration for me.<br/>
+<p>This website has been created on the code base by <a href="https://fabiensanglard.net">Fabien Sanglard</a>, a very cool person to me, who, in his spare time, devotes himself to research mainly in the field of computer science and retro-engineering of the videogaming world, but not only. His website and books have been a great source of inspiration for me.<br/>
 You can find a copy of his website code (and also read more about his website techs) <a href="https://fabiensanglard.net/ilike/index.html">here</a>, and <a href="https://fabiensanglard.net/html/index.html">here</a>.
 </p>
 <br/>

diff --git a/contact/index.html b/contact/index.html
@@ -99,6 +99,14 @@
     width: 100%;
   }
 
+  .note {
+    position: relative;
+    background-color: #ffd700;
+    padding: 1em;
+    margin: 1em 0 2em;
+    border-radius: 5px;
+  }
+
   code {
     /*font-size: 110%;*/
     font-weight: bold;
@@ -108,6 +116,38 @@
     padding-right: 0.3ch;
   }
 
+  /* TABELLA WALK MATRIX */
+  table.walk-matrix {
+      font-size: 0.8em;
+      width: 70%;
+      margin:auto;
+      border-collapse: collapse;
+  }
+
+  /*
+  table.walk-matrix th {
+      background-color: #ccc;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #fff;
+  }
+  */
+
+  table.walk-matrix td {
+      width: 8%;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #ccc;
+  }
+
+  table.walk-matrix td.gray1{
+      background-color: #ddd;
+  }
+
+  table.walk-matrix td.gray2{
+      background-color: #eee;
+  }
+
   </style>
   <title>Contact</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=1.0, user-scalable=yes">
@@ -123,8 +163,9 @@
 <div style="margin-bottom: 2ch;text-transform: none;">
 </div>
 <div class='heading'>Contact</div><hr/>
-<style type="text/css"> a { text-decoration:none; }</style>
+
 <p>
+  <style type="text/css"> a { text-decoration:none; }</style>
   twitter    : <a href="https://x.com/nicolaariutti">@nicolaariutti</a>
   <br/>
   github     : <a href="https://github.com/ariutti/">ariutti</a>

diff --git a/contact/src.php b/contact/src.php
@@ -1,7 +1,8 @@
 <?php  genheader("Contact", ""); ?>
 
-<style type="text/css"> a { text-decoration:none; }</style>
+
 <p>
+  <style type="text/css"> a { text-decoration:none; }</style>
   twitter    : <a href="https://x.com/nicolaariutti">@nicolaariutti</a>
   <br/>
   github     : <a href="https://github.com/ariutti/">ariutti</a>

diff --git a/first_article/index.html b/first_article/index.html
@@ -99,6 +99,14 @@
     width: 100%;
   }
 
+  .note {
+    position: relative;
+    background-color: #ffd700;
+    padding: 1em;
+    margin: 1em 0 2em;
+    border-radius: 5px;
+  }
+
   code {
     /*font-size: 110%;*/
     font-weight: bold;
@@ -108,6 +116,38 @@
     padding-right: 0.3ch;
   }
 
+  /* TABELLA WALK MATRIX */
+  table.walk-matrix {
+      font-size: 0.8em;
+      width: 70%;
+      margin:auto;
+      border-collapse: collapse;
+  }
+
+  /*
+  table.walk-matrix th {
+      background-color: #ccc;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #fff;
+  }
+  */
+
+  table.walk-matrix td {
+      width: 8%;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #ccc;
+  }
+
+  table.walk-matrix td.gray1{
+      background-color: #ddd;
+  }
+
+  table.walk-matrix td.gray2{
+      background-color: #eee;
+  }
+
   </style>
   <title>First Article</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=1.0, user-scalable=yes">

diff --git a/gen.php b/gen.php
@@ -166,5 +166,6 @@ function generate($src_dir) {
 generate("contact");
 generate("test_article");
 generate("first_article");
+generate("scumm_walk_matrices");
 // Add articles here as you write them...
 ?>
diff --git a/header.php b/header.php
@@ -100,6 +100,14 @@
     width: 100%;
   }
 
+  .note {
+    position: relative;
+    background-color: #ffd700;
+    padding: 1em;
+    margin: 1em 0 2em;
+    border-radius: 5px;
+  }
+
   code {
     /*font-size: 110%;*/
     font-weight: bold;
@@ -109,6 +117,38 @@
     padding-right: 0.3ch;
   }
 
+  /* TABELLA WALK MATRIX */
+  table.walk-matrix {
+      font-size: 0.8em;
+      width: 70%;
+      margin:auto;
+      border-collapse: collapse;
+  }
+
+  /*
+  table.walk-matrix th {
+      background-color: #ccc;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #fff;
+  }
+  */
+
+  table.walk-matrix td {
+      width: 8%;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #ccc;
+  }
+
+  table.walk-matrix td.gray1{
+      background-color: #ddd;
+  }
+
+  table.walk-matrix td.gray2{
+      background-color: #eee;
+  }
+
   </style>
   <title><?php echo $title;?></title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=1.0, user-scalable=yes">

diff --git a/index.html b/index.html
@@ -99,6 +99,14 @@
     width: 100%;
   }
 
+  .note {
+    position: relative;
+    background-color: #ffd700;
+    padding: 1em;
+    margin: 1em 0 2em;
+    border-radius: 5px;
+  }
+
   code {
     /*font-size: 110%;*/
     font-weight: bold;
@@ -108,6 +116,38 @@
     padding-right: 0.3ch;
   }
 
+  /* TABELLA WALK MATRIX */
+  table.walk-matrix {
+      font-size: 0.8em;
+      width: 70%;
+      margin:auto;
+      border-collapse: collapse;
+  }
+
+  /*
+  table.walk-matrix th {
+      background-color: #ccc;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #fff;
+  }
+  */
+
+  table.walk-matrix td {
+      width: 8%;
+      text-align: center;
+      padding: 5px;
+      border:1px solid #ccc;
+  }
+
+  table.walk-matrix td.gray1{
+      background-color: #ddd;
+  }
+
+  table.walk-matrix td.gray2{
+      background-color: #eee;
+  }
+
   </style>
   <title>Nicola Ariutti's Website</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=12.0, minimum-scale=1.0, user-scalable=yes">
@@ -130,6 +170,7 @@
 <p style="text-align: left;margin-bottom: 1ch;">
 
 03/08/2024: <a href="first_article/index.html">My first article</a><br>
+19/07/2017: <a href="scumm_walk_matrices/index.html">SCUMM: walk matrices</a><br>
 <!--11/12/2018: <a href="test_article/index.html">Test article by Fabien Sanglard</a><br>-->
  <hr>
  <center>*