changeset 10:2b2430758f85

Change style
author Dennis C. M. <dennis@denniscm.com>
date Mon, 02 Jun 2025 18:58:32 +0100
parents 19367e726aee
children 3652abb17748
files LICENSE.md README.md src/index.html src/style.css
diffstat 4 files changed, 213 insertions(+), 208 deletions(-) [+]
line wrap: on
line diff
--- a/LICENSE.md	Wed Mar 26 14:54:55 2025 +0000
+++ b/LICENSE.md	Mon Jun 02 18:58:32 2025 +0100
@@ -1,21 +1,26 @@
-MIT License
-
-Copyright (c) 2024 Dennis
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+Copyright 2025 Dennis Micro Computers
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+this list of conditions and the following disclaimer in the documentation and/or
+other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors
+may be used to endorse or promote products derived from this software without
+specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS “AS IS” AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
--- a/README.md	Wed Mar 26 14:54:55 2025 +0000
+++ b/README.md	Mon Jun 02 18:58:32 2025 +0100
@@ -1,1 +1,1 @@
-# website
+# My personal website.
--- a/src/index.html	Wed Mar 26 14:54:55 2025 +0000
+++ b/src/index.html	Mon Jun 02 18:58:32 2025 +0100
@@ -2,126 +2,138 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Dennis C. M.</title>
-    <link rel="stylesheet" href="style.css">
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Dennis C. M.</title>
+	<link rel="stylesheet" href="style.css"
 </head>
 
 <body>
-    <main>
-        <h1>Dennis C. M.</h1>
-        <h2>Programmer.</h2>
-
-        <section>
-            <a href="https://dennismicros.com" target="_blank"><img src="static/banner.png" alt="Italian Trulli"></a>
-        </section>
-
-        <section>
-            <h2>Links</h2>
-            <ul>
-                <li><a class="button" href="https://www.youtube.com/@denniscm6" target="_blank">Youtube</a></li>
-                <li><a class="button" href="https://www.twitch.tv/denniscmartin" target="_blank">Twitch</a></li>
-                <li><a class="button" href="https://www.instagram.com/denniscmartin/" target="_blank">Instagram</a>
-                </li>
-                <li><a class="button" href="https://www.tiktok.com/@denniscmcom/" target="_blank">Tiktok</a></li>
-                <li><a class="button" href="https://github.com/denniscmcom" target="_blank">Github</a></li>
-            </ul>
-        </section>
-
-        <section>
-            <h2>Active Projects</h2>
-            <ul>
-                <li class="container">I'm building <a href="https://github.com/dennis-micros" target="_blank">Dennis
-                        Micro Computers</a>,
-                    a
-                    platform dedicated to teaching programming for STM32 microcontrollers.</li>
-                <li class="container">I have a <a href="https://www.youtube.com/@denniscm6" target="_blank">Youtube
-                        channel</a> where I
-                    share my programming journey along with my hobbies.</li>
-                <li class="container">I stream on <a href="https://www.twitch.tv/denniscmartin"
-                        target="_blank">Twitch</a> and <a href="https://www.youtube.com/@denniscm6"
-                        target="_blank">Youtube</a> from Monday to
-                    Thursday at 14:00
-                    GMT. I mostly share the development of Dennis Micro Computers and sometimes play some games.</a>
-                </li>
-            </ul>
-        </section>
+	<main>
+		<h1>Home Page for Dennis C. M.</h1>
+		<p>Welcome!</p>
+		<p>
+			I am Dennis, a computer programmer living in Spain. I publish my programs under Dennis 
+			Micro Computers, which you can visit <a href="https://dennismicros.com">here</a>. 
+			If you like what I do, I am available to work.
+		</p>
 
-        <section>
-            <h2>Projects</h2>
-            <ul>
-                <li class="container"><a href="https://github.com/denniscmcom/EVB-A32QS1-RFRG"
-                        target="_blank">EVB-A32QS1-RFRG: </a> A
-                    GNSS
-                    receiver development board based on a STM32
-                    MCU.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/EVB-A32M1-F" target="_blank">EVB-A32M1-F:
-                    </a> A small
-                    STM32F0
-                    development board with the same dimensions
-                    as the Raspberry Pi Pico.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/EVB-A32S1-M"
-                        target="_blank">EVB-A32S1-M:</a> A electronic
-                    speed
-                    controller based on a STM32 MCU.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/logic-led" target="_blank">Logic LED:</a>
-                    My first Arduino
-                    project. A simple circuit to interact with
-                    logic gates.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/hey" target="_blank">Hey!:</a> Hey! is a
-                    simple TCP
-                    streaming
-                    app developed in C using POSIX
-                    APIs. Both client and server are containerized using Docker.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/algo-animator" target="_blank">Algo
-                        Animator:</a> An
-                    interactive
-                    program to visualize sorting algorithms.
-                    Developed in C using OpenGL, GLUT, and FreeType.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/maze-solver" target="_blank">Maze
-                        Solver:</a> A maze solver
-                    written in C.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/geoquiz" target="_blank">Geoquiz:</a> A
-                    geography game for
-                    iOS
-                    written in SwiftUI.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/bitcaviar-plus" target="_blank">Bitcaviar
-                        Plus:</a> A
-                    Bitcoin
-                    blockchain parser written in Python.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/finance-parser" target="_blank">Finance
-                        Parser:</a>
-                    Serverless
-                    parser to extract information from financial
-                    reports using AWS Step Functions, AWS S3, AWS Api Gateway, AWS Textract, AWS DynamoDB and
-                    Eventbridge.
-                </li>
-                <li class="container"><a href="https://github.com/denniscmcom/tweet-analysis" target="_blank">Tweet
-                        Analysis:</a>
-                    Serverless
-                    app to fetch & analyse tweets using AWS
-                    Comprehend.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/simoleon" target="_blank">Simoleon:</a> A
-                    currency converter
-                    app
-                    for iOS written in SwiftUI.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/python-black-scholes"
-                        target="_blank">Python Black
-                        Scholes:</a>
-                    A command line utility to calculate the
-                    theoretical call and put price of an European option using the black-scholes method.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/stock-charts" target="_blank">Stock
-                        Charts:</a> A library to
-                    display interactive charts in SwiftUI.</li>
-                <li class="container"><a href="https://github.com/denniscmcom/lazybear" target="_blank">Lazybear:</a> My
-                    first iOS app and
-                    programming project.</li>
-            </ul>
-        </section>
-
-
-    </main>
+		<h2>Software projects</h2>
+		<table>
+			<thead>
+				<tr>
+					<th scope="col">Name</th>
+					<th scope="col">Description</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>Hey!</td>
+					<td>A simple TCP streaming program written in C using POSIX APIs</td>
+					<td><a href="https://src.dennismicros.com/public/hey">Link</a></td>
+				</tr>
+				<tr>
+					<td>Algo animator</td>
+					<td>An interactive program written in C to visualize sorting algorithms</td>
+					<td><a href="https://src.dennismicros.com/public/algo-animator">Link</a></td>
+				</tr>
+				<tr>
+					<td>Maze solver</td>
+					<td>A program written in C that solves PNG mazes</td>
+					<td><a href="https://src.dennismicros.com/public/maze-solver">Link</a></td>
+				</tr>
+				<tr>
+					<td>Geoquiz</td>
+					<td>A geography game for iOS written in Swift</td>
+					<td><a href="https://src.dennismicros.com/public/geoquiz">Link</a></td>
+				</tr>
+				<tr>
+					<td>Bitcaviar Plus</td>
+					<td>A Bitcoin blockchain parser written in Python</td>
+					<td><a href="https://src.dennismicros.com/public/bitcaviar-plus">Link</a></td>
+				<tr>
+				</tr>
+					<td>Finance parser</td>
+					<td>
+						Serverless parser to extract information from financial reports using AWS 
+						services
+					</td>
+					<td><a href="https://src.dennismicros.com/public/finance-parser">Link</a></td>
+				</tr>
+				</tr>
+					<td>Tweet analysis</td>
+					<td>Serverless app to fetch and analyse tweets using AWS services</td>
+					<td><a href="https://src.dennismicros.com/public/tweet-analysis">Link</a></td>
+				</tr>
+				</tr>
+					<td>Simoleon</td>
+					<td>A currency converter app for iOS written in Swift</td>
+					<td><a href="https://src.dennismicros.com/public/simoleon">Link</a></td>
+				</tr>
+				</tr>
+					<td>Python Black Scholes</td>
+					<td>
+						A CLI utility to calculate the theoretical call and put price of an 
+						European option using the black-scholes method
+					</td>
+					<td><a href="https://src.dennismicros.com/public/py-black-scholes">Link</a></td>
+				</tr>
+				</tr>
+					<td>Stock Charts</td>
+					<td>A library to display interactive charts in SwiftUI</td>
+					<td><a href="https://src.dennismicros.com/public/stock-charts">Link</a></td>
+				</tr>
+				</tr>
+					<td>Lazybear</td>
+					<td>My first iOS app and programming project. It was a stock tracker app</td>
+					<td><a href="https://src.dennismicros.com/public/lazybear">Link</a></td>
+				</tr>
+			</tbody>
+		</table>
+		<h2>Hardware projects</h2>
+		<table>
+			<thead>
+				<tr>
+					<th scope="col">Name</th>
+					<th scope="col">Description</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr>
+					<td>EVB-A32QS1-RFRG</td>
+					<td>A GNSS received development board based on a STM32 MCU</td>
+					<td><a href="https://src.dennismicros.com/public/evb-a32qs1-rfrg">Link</a></td>
+				</tr>
+				<tr>
+					<td>EVB-A32M1-F</td>
+					<td>
+						A STM32F0 development board with the same size as the Raspberry Pi Pico
+					</td>
+					<td><a href="https://src.dennismicros.com/public/evb-a32m1-f">Link</a></td>
+				</tr>
+				<tr>
+					<td>EVB-A32S1-M</td>
+					<td>A electronic speed controller based on a STM32 MCU</td>
+					<td><a href="https://src.dennismicros.com/public/evb-a32s1-m">Link</a></td>
+				</tr>
+				<tr>
+					<td>Logic LED</td>
+					<td>
+						My first Arduino project. A simple cirtuit to interact with logic gates.
+					</td>
+					<td><a href="https://src.dennismicros.com/public/logic-led">Link</a></td>
+				</tr>
+			</tbody>
+		</table>
+		<h2>Contact</h2>
+		<h3>By e-mail:</h3> 
+		<ul>
+			<li>dennis [at] denniscm [dot] com</li>
+			<li>dennis [at] dennismicros [dot] com</li>
+		</ul>
+		<h3>Social networks:</h3>
+		<ul>
+			<li><a href="https://youtube.com/@denniscm6">Youtube</a></li>
+		</ul>
+	</main>
 </body>
-
-</html>
\ No newline at end of file
--- a/src/style.css	Wed Mar 26 14:54:55 2025 +0000
+++ b/src/style.css	Mon Jun 02 18:58:32 2025 +0100
@@ -1,68 +1,56 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    line-height: 1.6;
-    padding: 1rem;
-    max-width: 600px;
-    margin: 0 auto;
-}
-
-h1 {
-    font-size: 2rem;
-    margin: 1rem 0;
-    text-align: center;
-}
-
-h2 {
-    font-size: 1.25rem;
-    margin: 1.5rem 0 1rem;
-    text-align: center;
-}
-
-img {
-    max-width: 100%;
-    height: auto;
-    border: 3px solid #000000;
-}
-
-ul {
-    list-style: none;
-    display: block;
-}
-
-li {
-    margin: 0.5rem 0;
-}
-
-a {
-    color: #1471db;
-    text-decoration: none;
-    transition: opacity 0.2s;
-    font-weight: bold;
-}
-
-a:hover {
-    opacity: 0.6;
-    font-weight: bold;
-}
-
-.button {
-    display: block;
-    padding: 1rem;
-    text-align: center;
-    border: 3px solid #000000;
-    background-color: #c9c8bf;
-    font-weight: bold;
-    color: #000000;
-}
-
-.container {
-    padding: 1rem;
-    border: 3px solid #000000;
-    background-color: #f4f4f4;
-}
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    line-height: 1.6;
+    padding: 1rem;
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+h1 {
+    font-size: 2rem;
+    margin: 1rem 0;
+}
+
+h2 {
+    font-size: 1.25rem;
+    margin: 1.5rem 0 1rem;
+}
+
+h3 {
+	font-size: 1.05rem;
+	margin: 0.5rem;
+}
+
+a {
+    color: #1471db;
+    transition: opacity 0.2s;
+    font-weight: bold;
+}
+
+a:hover {
+    opacity: 0.6;
+    font-weight: bold;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+table, th, td {
+	border: 1px solid black;
+}
+
+th, td {
+	padding: 2px 4px;
+    text-align: left;
+}
+
+ul {
+	list-style-position: inside;
+}