aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--css/site.css76
-rw-r--r--inc/classic-contents.inc.php83
-rw-r--r--index.php32
-rw-r--r--license.php34
-rw-r--r--links.php20
5 files changed, 141 insertions, 104 deletions
diff --git a/css/site.css b/css/site.css
index 0b947be..fbf6fa5 100644
--- a/css/site.css
+++ b/css/site.css
@@ -21,12 +21,43 @@ header {
border-top: 0pt;
}
+
header h1 {
font-size: x-large;
font-weight: bold;
text-align: center;
padding: 5pt;
margin: 0pt;
+ color: #292929;
+}
+
+header a {
+ margin: 0pt;
+ border-collapse: collapse;
+}
+
+header a:link {
+ color: #292929;
+ background-color: transparent;
+ text-decoration: none;
+}
+
+header a:visited {
+ color: #292929;
+ background-color: transparent;
+ text-decoration: none;
+}
+
+header a:hover {
+ color: #292929;
+ background-color: transparent;
+ text-decoration: none;
+}
+
+header a:active {
+ color: #292929;
+ background-color: transparent;
+ text-decoration: none;
}
footer {
@@ -36,8 +67,8 @@ footer {
position: absolute;
bottom: 0;
width: 100%;
- height: 2.5rem;
- margin-top: -2.5rem;
+ height: 2rem;
+ margin-top: -2rem;
}
footer p {
@@ -64,16 +95,25 @@ a:visited {
}
a:hover {
- color: #48f;
+ color: #45a;
background-color: transparent;
- text-decoration: none;
+ text-decoration: underline;
}
a:active {
- color: #48f;
+ color: #45a;
background-color: transparent;
- border: 0pt;
- margin: 0pt;
+ text-decoration: none;
+}
+
+li {
+ display: list-item;
+ list-style: square;
+}
+
+ul {
+ padding: 0pt 0pt 0pt 1em;
+ margin: 0 0 1em;
}
div.sidebar {
@@ -87,19 +127,10 @@ div.sidebar {
padding: 5pt;
}
-div.sidebar li {
- display: list-item;
- list-style: square;
-}
-div.sidebar ul {
- padding: 0pt 0pt 0pt 1em;
- margin: 0 0 1em;
-}
-
div.body-contents {
padding: 5pt 0 5pt 0;
padding-bottom: 2.5rem;
- margin-left: 20%;
+ margin-left: 10%;
margin-right: 20%;
}
@@ -107,17 +138,22 @@ div.body-contents h1 {
font-size: 140%;
font-weight: bold;
text-align: left;
- padding: 0em 0em 0em 0em;
+ padding: 0em 0em 0.25rem 0em;
margin: 0pt;
- margin-top: 1em;
+ margin-top: 2em;
+ color: #24c;
+ border-bottom: 2px solid #24c;
}
div.body-contents h2 {
font-size: 125%;
font-weight: bold;
text-align: left;
- padding: 0em 0em 0em 0em;
+ padding: 0em 0em 0.25rem 0em;
margin: 0pt;
+ margin-top: 1em;
+ color: #24c;
+ border-bottom: 1px solid #24c;
}
div.body-contents code {
diff --git a/inc/classic-contents.inc.php b/inc/classic-contents.inc.php
index 3c35453..72e55c9 100644
--- a/inc/classic-contents.inc.php
+++ b/inc/classic-contents.inc.php
@@ -2,17 +2,17 @@
function
jo_head($title) {
?>
-<html>
- <head>
- <title>Joe's own website - <?php echo "$title"; ?></title>
- <link rel="stylesheet" type="text/css" href="css/site.css">
- <meta charset="UTF-8">
- </head>
- <body>
- <div class="fullpage">
- <header>
- <h1>Joe's dev blog - <?php echo "$title"; ?></h1>
- </header>
+ <html>
+ <head>
+ <title>Joe's own website - <?php echo "$title"; ?></title>
+ <link rel="stylesheet" type="text/css" href="css/site.css">
+ <meta charset="UTF-8">
+ </head>
+ <body>
+ <div class="fullpage">
+ <header>
+ <h1><a href="index.php">Joe's dev blog - <?php echo "$title"; ?></a></h1>
+ </header>
<?php
}
@@ -20,55 +20,36 @@ function
jo_sidebar() {
?>
- <div class="sidebar">
+ <div class="sidebar">
<ul>
- <li>
- <a href="index.php">Home</a>
- </li>
- <li>
- <a href="">C</a>
- </li>
- <li>
- <a href="">C++</a>
- </li>
- <li>
- <a href="">Lisp</a>
- </li>
- <li>
- <a href="">Assembly</a>
- </li>
- <li>
- <a href="">UNIX</a>
- </li>
- <li>
- <a href="">GNU Emacs</a>
- </li>
- <li>
- <a href="">My projects</a>
- </li>
- <li>
- <a href="">My C/C++ style</a>
- </li>
- <li>
- <a href="">Links</a>
- </li>
+ <li><a href="index.php">Home</a></li>
+ <li><a href="">C</a></li>
+ <li><a href="">C++</a></li>
+ <li><a href="">Lisp</a></li>
+ <li><a href="">Assembly</a></li>
+ <li><a href="">UNIX</a></li>
+ <li><a href="">GNU Emacs</a></li>
+ <li><a href="">My projects</a></li>
+ <li><a href="">My C/C++ style</a></li>
+ <li><a href="links.php">Links</a></li>
</ul>
- </div>
+ </div>
<?php
}
+
function
jo_footer() {
?>
- <footer>
+ <footer>
<p>
- Copyright &copy; 2020, Rudy Bousset -
- see <a href="license.php">LICENSE</a> -
- we do not use cookies
+ Copyright &copy; 2020, Joe -
+ see <a href="license.php">LICENSE</a> -
+ we do not use cookies
</p>
- </footer>
- </div>
- </body>
-</html>
+ </footer>
+ </div>
+ </body>
+ </html>
<?php
}
?>
diff --git a/index.php b/index.php
index 40b464b..6fd5b04 100644
--- a/index.php
+++ b/index.php
@@ -1,20 +1,20 @@
<?php include 'inc/classic-contents.inc.php'; ?>
<?php jo_head("Home"); ?>
<?php jo_sidebar(); ?>
- <div class="body-contents">
- <h1>About this site</h1>
- <p>
- Welcome to my personnal blog. Here you can find my tips and articles
- on various tech and programming subjects.
- <br><br>
- The site is still in active developpement, stay tuned.
- </p>
- <h1>About me</h1>
- <p>
- I am a student for
- <a href="https://www.42lyon.fr/" target="_blank">42Lyon</a>
- IT school based in Lyon, France.
- I work on various personnal project beside that.
- </p>
- </div>
+<div class="body-contents">
+ <h1>About this site</h1>
+ <p>
+ Welcome to my personnal blog. Here you can find my tips and articles
+ on various tech and programming subjects.
+ <br><br>
+ The site is still in active developpement, stay tuned.
+ </p>
+ <h2>About me</h2>
+ <p>
+ I am a student for
+ <a href="https://www.42lyon.fr/" target="_blank">42Lyon</a>
+ IT school based in Lyon, France.
+ I work on various personnal project beside that.
+ </p>
+</div>
<?php jo_footer(); ?>
diff --git a/license.php b/license.php
index 8e6fdb6..7420bdf 100644
--- a/license.php
+++ b/license.php
@@ -1,21 +1,21 @@
<?php include 'inc/classic-contents.inc.php'; ?>
<?php jo_head("LICENSE"); ?>
<?php jo_sidebar(); ?>
- <div class="body-contents">
- <h1>BSD 3-Clause</h1>
- <p>
- This site is copyrighted under the BSD 3-Clause License.
- You can find the terms of the license bellow:
- </p>
- <pre>
-<?php
-$license = file_get_contents('LICENSE');
-echo "$license";
-?>
- </pre>
- <p>
- You also can download the license using
- <a href="LICENSE">this link</a>.
- </p>
- </div>
+<div class="body-contents">
+ <h1>BSD 3-Clause</h1>
+ <p>
+ This site is copyrighted under the BSD 3-Clause License.
+ You can find the terms of the license bellow:
+ </p>
+ <pre>
+ <?php
+ $license = file_get_contents('LICENSE');
+ echo "$license";
+ ?>
+ </pre>
+ <p>
+ You also can download the license using
+ <a href="LICENSE">this link</a>.
+ </p>
+</div>
<?php jo_footer(); ?>
diff --git a/links.php b/links.php
new file mode 100644
index 0000000..89499d2
--- /dev/null
+++ b/links.php
@@ -0,0 +1,20 @@
+<?php include 'inc/classic-contents.inc.php'; ?>
+<?php jo_head("Home"); ?>
+<?php jo_sidebar(); ?>
+<div class="body-contents">
+ <h2>My links</h2>
+ <p>
+ Here Are the links you can use to follow me around:
+ </p>
+ <ul>
+ <li>
+ <a href="https://github.com/JozanLeClerc/" target="_blank">
+ My GitHub page
+ </a>
+ </li>
+ <li>My Twitch channel</li>
+ <li>My Rock N' Roll band's Bandcamp</li>
+ <li>My Rock N' Roll band's Bandcamp</li>
+ </ul>
+</div>
+<?php jo_footer(); ?>