Merge pull request #23 from 2bitdesigns/4bitcss-improvement

4bitcss 0.1.2
2bitdesigns · Jan 16, 2023 · ce1e30c · ce1e30c
2 parents e80c3f7 + 0e8cd5e
commit ce1e30c
Show file tree

Hide file tree

Showing 604 changed files with 7,555 additions and 1,266 deletions.
diff --git a/4bitcss.PSSVG.ps1 b/4bitcss.PSSVG.ps1
@@ -21,19 +21,22 @@ $fontSettings = [Ordered]@{
 $assetFile = 
 =<svg> -ViewBox 400,400 @(
     =<svg.defs> @(
-        =<svg.style> -Type 'text/css' @'
-@import url('https://fonts.googleapis.com/css?family=Abel')
-'@
-
+        SVG.GoogleFont -FontName Abel
     )
-
-
+
     =<svg.ellipse> -StrokeWidth 1.25 -Fill transparent -Cx 50% -Cy 50% -Stroke '#4488ff' -Ry 75 -Rx 50 -Class foreground-stroke
     =<svg.text> -FontSize 28 -Content 4bit -X 50% -Y 45% @fontSettings -Class foreground-fill -Fill '#4488ff'
-    =<svg.text> -FontSize 28 -Content '⋅⋅⋅⋅'  -X 50% -Y 50% @fontSettings -Class foreground-fill -Fill '#4488ff'
+    $xPercent = 47.5,48.75,51.25,52.55
+    foreach ($n in 0..3) {
+        $x = $xPercent[$n]
+        =<svg.circle> -Class "ansi$($n+1)-fill" -Fill '#4488ff' -Cx "$x%" -Cy 50% -R 0.5%
+    }    
     =<svg.text> -FontSize 28 -Content 'css' -X 50% -Y 55% @fontSettings -Class foreground-fill -Fill '#4488ff'
 ) -OutputPath (Join-Path $assetsRoot .\4bitcss.svg)
 
+$assetFile
+$assetFile | Copy-Item -Destination (Join-Path $docsRoot .\4bitcss.svg) -PassThru
+
 =<svg> -ViewBox 640, 640 @(
     foreach ($n in 16..1) {
         =<svg.rect> -X (
@@ -82,7 +85,4 @@ $colors = 'Black', 'Red', 'Green', 'Yellow', 'Blue', 'Purple', 'Cyan', 'White',
     }
 ) -OutputPath (Join-Path $docsRoot .\4bitpreviewtemplate.svg) -Class background-fill
 
-$assetFile
-$assetFile | Copy-Item -Destination (Join-Path $docsRoot .\4bitcss.svg)
-
 Pop-Location
diff --git a/4bitcss.build.ps1 b/4bitcss.build.ps1
@@ -52,6 +52,8 @@ foreach ($jsonFile in $jsonFiles) {
 @"
 ---
 stylesheet: $colorSchemeFileName.css
+colorSchemeName: $colorSchemeName
+colorSchemeFileName: $colorSchemeFileName
 image: $colorSchemeFileName.png
 description: $colorSchemeName color scheme
 ---

diff --git a/4bitcss.psd1 b/4bitcss.psd1
@@ -1,5 +1,5 @@
 @{
-    ModuleVersion = '0.1.1'
+    ModuleVersion = '0.1.2'
     RootModule = '4bitcss.psm1'
     Description = 'CSS3 Color Schemes'
     Guid = '93e1d6ab-ce88-4751-bb14-b21fbb9f66f3'
@@ -11,6 +11,19 @@
             ProjectURI = 'https://github.com/2bitdesigns'
             LicenseURI = 'https://github.com/2bitdesigns/4bitcss/blob/main/LICENSE'
             ReleaseNotes = @'
+## 0.1.2:
+
+Updating the Site:
+
+* 4bitcss logo updates:
+  * Now multicolor (Fixes #17)
+  * Lacks bullet points (Fixes #16)
+* Theme is now automatically selected
+* Links are now all iocns
+  * Download / Cloud Download (Fixes #20)
+  * FeelingLucky (Fixes #21)
+* Removing Save/Load theme (for now) (Fixes #22)
+
 ## 0.1.1:
 
 * Adding preview urls (e.g. https://4bitcss.com/Konsolas ) (Fixes #10)

diff --git a/Assets/4bitcss.svg b/Assets/4bitcss.svg
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,16 @@
+## 0.1.2:
+
+Updating the Site:
+
+* 4bitcss logo updates:
+  * Now multicolor (Fixes #17)
+  * Lacks bullet points (Fixes #16)
+* Theme is now automatically selected
+* Links are now all iocns
+  * Download / Cloud Download (Fixes #20)
+  * FeelingLucky (Fixes #21)
+* Removing Save/Load theme (for now) (Fixes #22)
+
 ## 0.1.1:
 
 * Adding preview urls (e.g. https://4bitcss.com/Konsolas ) (Fixes #10)

diff --git a/docs/4bitcss.svg b/docs/4bitcss.svg
diff --git a/docs/4bitpreview.svg b/docs/4bitpreview.svg
diff --git a/docs/4bitpreviewtemplate.svg b/docs/4bitpreviewtemplate.svg
diff --git a/docs/Abernathy.md b/docs/Abernathy.md
@@ -1,5 +1,7 @@
 ---
 stylesheet: Abernathy.css
+colorSchemeName: Abernathy
+colorSchemeFileName: Abernathy
 image: Abernathy.png
 description: Abernathy color scheme
 ---
@@ -14,12 +16,30 @@ description: Abernathy color scheme
 </div>
 
 <div class='centeredText'>
-    <a id='downloadSchemeLink'>
-        CSS
+    <a id='downloadSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+  <polyline points="7 10 12 15 17 10" />
+  <line x1="12" y1="15" x2="12" y2="3" />
+</svg>        
     </a>
-    <a id='cdnSchemeLink'>
-        @jsdeliver 
+    <a id='cdnSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="8 17 12 21 16 17" />
+  <line x1="12" y1="12" x2="12" y2="21" />
+  <path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" />
+</svg>
     </a>
+    <a id='feelingLucky' href="javascript:feelingLucky(document.getElementById('themeSelector'))" class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="16 3 21 3 21 8" />
+  <line x1="4" y1="20" x2="21" y2="3" />
+  <polyline points="21 16 21 21 16 21" />
+  <line x1="15" y1="15" x2="21" y2="21" />
+  <line x1="4" y1="4" x2="9" y2="9" />
+</svg>
+    </a>
+
 </div>
 
 

diff --git a/docs/Abernathy.svg b/docs/Abernathy.svg
diff --git a/docs/Adventure.md b/docs/Adventure.md
@@ -1,5 +1,7 @@
 ---
 stylesheet: Adventure.css
+colorSchemeName: Adventure
+colorSchemeFileName: Adventure
 image: Adventure.png
 description: Adventure color scheme
 ---
@@ -14,12 +16,30 @@ description: Adventure color scheme
 </div>
 
 <div class='centeredText'>
-    <a id='downloadSchemeLink'>
-        CSS
+    <a id='downloadSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+  <polyline points="7 10 12 15 17 10" />
+  <line x1="12" y1="15" x2="12" y2="3" />
+</svg>        
     </a>
-    <a id='cdnSchemeLink'>
-        @jsdeliver 
+    <a id='cdnSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="8 17 12 21 16 17" />
+  <line x1="12" y1="12" x2="12" y2="21" />
+  <path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" />
+</svg>
     </a>
+    <a id='feelingLucky' href="javascript:feelingLucky(document.getElementById('themeSelector'))" class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="16 3 21 3 21 8" />
+  <line x1="4" y1="20" x2="21" y2="3" />
+  <polyline points="21 16 21 21 16 21" />
+  <line x1="15" y1="15" x2="21" y2="21" />
+  <line x1="4" y1="4" x2="9" y2="9" />
+</svg>
+    </a>
+
 </div>
 
 

diff --git a/docs/Adventure.svg b/docs/Adventure.svg
diff --git a/docs/AdventureTime.md b/docs/AdventureTime.md
@@ -1,5 +1,7 @@
 ---
 stylesheet: AdventureTime.css
+colorSchemeName: AdventureTime
+colorSchemeFileName: AdventureTime
 image: AdventureTime.png
 description: AdventureTime color scheme
 ---
@@ -14,12 +16,30 @@ description: AdventureTime color scheme
 </div>
 
 <div class='centeredText'>
-    <a id='downloadSchemeLink'>
-        CSS
+    <a id='downloadSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+  <polyline points="7 10 12 15 17 10" />
+  <line x1="12" y1="15" x2="12" y2="3" />
+</svg>        
     </a>
-    <a id='cdnSchemeLink'>
-        @jsdeliver 
+    <a id='cdnSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="8 17 12 21 16 17" />
+  <line x1="12" y1="12" x2="12" y2="21" />
+  <path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" />
+</svg>
     </a>
+    <a id='feelingLucky' href="javascript:feelingLucky(document.getElementById('themeSelector'))" class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="16 3 21 3 21 8" />
+  <line x1="4" y1="20" x2="21" y2="3" />
+  <polyline points="21 16 21 21 16 21" />
+  <line x1="15" y1="15" x2="21" y2="21" />
+  <line x1="4" y1="4" x2="9" y2="9" />
+</svg>
+    </a>
+
 </div>
 
 

diff --git a/docs/AdventureTime.svg b/docs/AdventureTime.svg
diff --git a/docs/Afterglow.md b/docs/Afterglow.md
@@ -1,5 +1,7 @@
 ---
 stylesheet: Afterglow.css
+colorSchemeName: Afterglow
+colorSchemeFileName: Afterglow
 image: Afterglow.png
 description: Afterglow color scheme
 ---
@@ -14,12 +16,30 @@ description: Afterglow color scheme
 </div>
 
 <div class='centeredText'>
-    <a id='downloadSchemeLink'>
-        CSS
+    <a id='downloadSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+  <polyline points="7 10 12 15 17 10" />
+  <line x1="12" y1="15" x2="12" y2="3" />
+</svg>        
     </a>
-    <a id='cdnSchemeLink'>
-        @jsdeliver 
+    <a id='cdnSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="8 17 12 21 16 17" />
+  <line x1="12" y1="12" x2="12" y2="21" />
+  <path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" />
+</svg>
     </a>
+    <a id='feelingLucky' href="javascript:feelingLucky(document.getElementById('themeSelector'))" class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="16 3 21 3 21 8" />
+  <line x1="4" y1="20" x2="21" y2="3" />
+  <polyline points="21 16 21 21 16 21" />
+  <line x1="15" y1="15" x2="21" y2="21" />
+  <line x1="4" y1="4" x2="9" y2="9" />
+</svg>
+    </a>
+
 </div>
 
 

diff --git a/docs/Afterglow.svg b/docs/Afterglow.svg
diff --git a/docs/Alabaster.md b/docs/Alabaster.md
@@ -1,5 +1,7 @@
 ---
 stylesheet: Alabaster.css
+colorSchemeName: Alabaster
+colorSchemeFileName: Alabaster
 image: Alabaster.png
 description: Alabaster color scheme
 ---
@@ -14,12 +16,30 @@ description: Alabaster color scheme
 </div>
 
 <div class='centeredText'>
-    <a id='downloadSchemeLink'>
-        CSS
+    <a id='downloadSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
+  <polyline points="7 10 12 15 17 10" />
+  <line x1="12" y1="15" x2="12" y2="3" />
+</svg>        
     </a>
-    <a id='cdnSchemeLink'>
-        @jsdeliver 
+    <a id='cdnSchemeLink' class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="8 17 12 21 16 17" />
+  <line x1="12" y1="12" x2="12" y2="21" />
+  <path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" />
+</svg>
     </a>
+    <a id='feelingLucky' href="javascript:feelingLucky(document.getElementById('themeSelector'))" class='padded'>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ansi6-stroke">
+  <polyline points="16 3 21 3 21 8" />
+  <line x1="4" y1="20" x2="21" y2="3" />
+  <polyline points="21 16 21 21 16 21" />
+  <line x1="15" y1="15" x2="21" y2="21" />
+  <line x1="4" y1="4" x2="9" y2="9" />
+</svg>
+    </a>
+
 </div>
 
 

diff --git a/docs/Alabaster.svg b/docs/Alabaster.svg