Styles

ChrisMaunder · Sep 26, 2024 · d82b216 · d82b216
1 parent e186977
commit d82b216
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 13 deletions.
diff --git a/docs/README.md b/docs/README.md
@@ -74,25 +74,25 @@ your project is is now downloadable, installable and used by hundreds of thousan
 <h2>Portfolio</h2>
 
 <h3>Artificial Intelligence</h3>
-<h4>Projects: CodeProject.AI Server</h4>
+<h4>CodeProject.AI Server</h4>
 <ul>
   <li><a href="https://github.com/codeproject/CodeProject.AI-Server">CodeProject.AI Server</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-Server-Installers">CodeProject.AI Server Installers</a></li>
 </ul>
 
-<H4>Projects: CodeProject.AI Modules</H4>
+<H4>CodeProject.AI Modules</H4>
 
 <table><tr valign="top">
 <td>
 
-  <h5>Generative AI</h5>
+  <p><b>Generative AI</b></p>
   <ul>
   <li><a href="https://github.com/codeproject/CodeProject.AI-LlamaChat">LlamaChat</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-MultiModeLLM">Multi-modal LLM (Phi-3 vision)</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-Text2Image">Text-to-Image (contributed)</a></li>
   </ul>
 
-  <h5>Computer Vision</h5>
+  <p><b>Computer Vision</b></p>
   <ul>
   <li><a href="https://github.com/codeproject/CodeProject.AI-FaceProcessing">Face detection and recognition</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-ALPR">Licence plate reader</a></li>
@@ -108,20 +108,20 @@ your project is is now downloadable, installable and used by hundreds of thousan
 
 </td><td>
 
-  <h5>Image Manipulation</h5>
+  <p><b>Image Manipulation</b></p>
   <ul>
   <li><a href="https://github.com/codeproject/CodeProject.AI-BackgroundRemover">Background remover</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-Cartoonizer">Cartooniser</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-PortraitFilter">PortraitFilter (contributed)</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-SuperResolution">Super resolution</a></li>
   </ul>
 
-  <h5>Sound</h5>
+  <p><b>Sound</b></p>
   <ul>
   <li><a href="https://github.com/codeproject/CodeProject.AI-SoundClassifierTF">Sound classifier</a></li>
   </ul>
 
-  <h5>Text and language</h5>
+  <p><b>Text and language</b></p>
   <ul>
   <li><a href="https://github.com/codeproject/CodeProject.AI-SentimentAnalysis">Sentiment analyser (contributed)</a></li>
   <li><a href="https://github.com/codeproject/CodeProject.AI-TextSummary">Text Summary</a></li>

diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
@@ -124,10 +124,14 @@ header {
     height: calc(100vh - 5rem);
     background: whitesmoke;
 }
+header h1 {
+    padding: .5rem 0 0 .5rem;
+}
 section {
     width: 580px; /* 500px */
     float: right;
-    padding-bottom: 50px
+    padding-bottom: 50px;
+    padding-top:20px
 }
 
 footer {
@@ -156,7 +160,9 @@ h1 {
 }
 
 h2 {
-    color: #393939
+    color: #393939;
+    font-size: 200%;
+    font-weight: 400;
 }
 
 h3,h4,h5,h6 {
@@ -318,7 +324,7 @@ ul.downloads {
     background-color: #f0f0f0
 }
 
-@media print, screen and (max-width: 760px) {
+@media print, screen and (max-width: 768px) {
     div.wrapper {
         width:auto;
         margin: 0
@@ -360,15 +366,17 @@ ul.downloads {
     }
 }
 
-@media print, screen and (max-width: 760px) {
+@media print, screen and (max-width: 768px) {
     body {
         word-wrap:break-word
     }
 
+    /*
     header {
         padding: 0
     }
-
+    */
+
     header ul,header p.view {
         position: static
     }
@@ -378,11 +386,16 @@ ul.downloads {
     }
 }
 
-@media print, screen and (max-width: 480px) {
+@media print, screen and (max-width: 430px) {
     body {
         padding:15px
     }
 
+    header {
+        float: none;
+        margin:0;
+    }
+
     .downloads {
         width: 99%
     }