Color palette to main.css

urbanjunglegoddess · Sep 11, 2024 · 8755aeb · 8755aeb
1 parent a54a086
commit 8755aeb
Show file tree

Hide file tree

Showing 3 changed files with 57 additions and 20 deletions.
diff --git a/software_engineering/blog_site/css/main.css b/software_engineering/blog_site/css/main.css
@@ -6,6 +6,34 @@
 @import url('carousel.css');
 @import url('feature-post.css');
 
+/* CSS HEX */
+/*--tawny:#cc5803ff;*/
+/*--buff: #d5996bff;*/
+/*--rose-taupe: #825965ff;*/
+/*--russian-violet: #2f195fff;*/
+/*--fern-green: #43701fff;*/
+/*--timberwolf: #dddad2ff;*/
+/*--gunmetal: #232c33ff;*/
+/*--harvest-gold: #cc912dff;*/
+
+/*!* CSS HSL *!*/
+/*--tawny: hsla(25, 97%, 41%, 1);*/
+/*--buff: hsla(26, 56%, 63%, 1);*/
+/*--rose-taupe: hsla(342, 19%, 43%, 1);*/
+/*--russian-violet: hsla(259, 58%, 24%, 1);*/
+/*--fern-green: hsla(93, 57%, 28%, 1);*/
+/*--timberwolf: hsla(44, 14%, 85%, 1);*/
+/*--gunmetal: hsla(206, 19%, 17%, 1);*/
+/*--harvest-gold: hsla(38, 64%, 49%, 1);*/
+
+/*--tawny: rgba(204, 88, 3, 1);*/
+/*--buff: rgba(213, 153, 107, 1);*/
+/*--rose-taupe: rgba(130, 89, 101, 1);*/
+/*--russian-violet: rgba(47, 25, 95, 1);*/
+/*--fern-green: rgba(67, 112, 31, 1);*/
+/*--timberwolf: rgba(221, 218, 210, 1);*/
+/*--gunmetal: rgba(35, 44, 51, 1);*/
+/*--harvest-gold: rgba(204, 145, 45, 1);*/
 
 body{
    background-color: #dddad2ff;

diff --git a/software_engineering/blog_site/index.html b/software_engineering/blog_site/index.html
@@ -174,7 +174,7 @@ <h2><a href="pages/blog-post.html">And this is a<br/>
                     facilisis ante sed etiam magna interdum congue. Lorem ipsum dolor<br/>
                     amet nullam sed etiam veroeros.</p>
             </header>
-            <a href="pages/blog-post.html"><img src="" alt=""/></a>
+            <a href="pages/blog-post.html"><img src="software_engineering/blog_site/assests/images/stock/1.jpg" alt=""/></a>
             <ul class="actions special">
                 <li><a href="pages/blog-post.html" class="button large">Full Story</a></li>
             </ul>

diff --git a/...re_engineering/blog_site/css/palette.scss → ...l & css/assests/palettes/ujg-palette.scss b/...re_engineering/blog_site/css/palette.scss → ...l & css/assests/palettes/ujg-palette.scss
@@ -1,24 +1,33 @@
 /* Coolors Exported Palette - https://coolors.co/cc5803-d5996b-825965-2f195f-43701f-dddad2-232c33-cc912d */
 
-/* CSS HEX */
---tawny:#cc5803ff;
---buff: #d5996bff;
---rose-taupe: #825965ff;
---russian-violet: #2f195fff;
---fern-green: #43701fff;
---timberwolf: #dddad2ff;
---gunmetal: #232c33ff;
---harvest-gold: #cc912dff;
-
-/* CSS HSL */
---tawny: hsla(25, 97%, 41%, 1);
---buff: hsla(26, 56%, 63%, 1);
---rose-taupe: hsla(342, 19%, 43%, 1);
---russian-violet: hsla(259, 58%, 24%, 1);
---fern-green: hsla(93, 57%, 28%, 1);
---timberwolf: hsla(44, 14%, 85%, 1);
---gunmetal: hsla(206, 19%, 17%, 1);
---harvest-gold: hsla(38, 64%, 49%, 1);
+// CSS HEX
+//--tawny:#cc5803ff;
+//--buff: #d5996bff;
+//--rose-taupe: #825965ff;
+//--russian-violet: #2f195fff;
+//--fern-green: #43701fff;
+//--timberwolf: #dddad2ff;
+//--gunmetal: #232c33ff;
+//--harvest-gold: #cc912dff;
+//
+///* CSS HSL */
+//--tawny: hsla(25, 97%, 41%, 1);
+//--buff: hsla(26, 56%, 63%, 1);
+//--rose-taupe: hsla(342, 19%, 43%, 1);
+//--russian-violet: hsla(259, 58%, 24%, 1);
+//--fern-green: hsla(93, 57%, 28%, 1);
+//--timberwolf: hsla(44, 14%, 85%, 1);
+//--gunmetal: hsla(206, 19%, 17%, 1);
+//--harvest-gold: hsla(38, 64%, 49%, 1);
+//
+//--tawny: rgba(204, 88, 3, 1);
+//--buff: rgba(213, 153, 107, 1);
+//--rose-taupe: rgba(130, 89, 101, 1);
+//--russian-violet: rgba(47, 25, 95, 1);
+//--fern-green: rgba(67, 112, 31, 1);
+//--timberwolf: rgba(221, 218, 210, 1);
+//--gunmetal: rgba(35, 44, 51, 1);
+//--harvest-gold: rgba(204, 145, 45, 1);
 
 /* SCSS HEX */
 $tawny: #cc5803ff;