From ca9009c498dd43e1a8756f0faf142482c39e58ec Mon Sep 17 00:00:00 2001
From: fr34k <fr34k@zom.bi>
Date: Tue, 13 Oct 2020 16:26:56 +0200
Subject: [PATCH] added new button / added new button style / changed color of
 text -> all on projects

---
 brc_static/css/styles.css |  8 +++++++
 brc_static/projects.html  | 46 ++++++++++++++++++++-------------------
 2 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/brc_static/css/styles.css b/brc_static/css/styles.css
index 81a0f68..b2d1f22 100644
--- a/brc_static/css/styles.css
+++ b/brc_static/css/styles.css
@@ -216,6 +216,14 @@ p:last-of-type {
     box-shadow: 0px 0px 15px 5px #fff;
 }
 
+.button-accent-projects {
+    color: #ffffff;
+    border-color: #ffffff;
+    cursor:pointer;
+    background: rgba(0,0,0,0.4);
+    /*box-shadow: 0px 0px 15px 5px #fff;*/
+}
+
 .button-accent:hover,
 .button-accent:focus {
     background: #fff;
diff --git a/brc_static/projects.html b/brc_static/projects.html
index 7ffc31a..d05c7c1 100644
--- a/brc_static/projects.html
+++ b/brc_static/projects.html
@@ -24,28 +24,28 @@
     </section>
 
         <div>
-        <figure class="button button-accent" onclick="galleryFilter('all')"> SHOW ALL</figure>
-        <figure class="button button-accent" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</figure>
-        <figure class="button button-accent" onclick="galleryFilter('chest')">INSPECTING THE DEAD MAN'S CHEST</figure>
-        <figure class="button button-accent" onclick="galleryFilter('heart')">TELL TALE HEART</figure>
-        <figure class="button button-accent" onclick="galleryFilter('madman')">MADMAN'S BASEMENT</figure>
+        <figure class="button button-accent-projects" onclick="galleryFilter('all')"> SHOW ALL</figure> </p>
+        <figure class="button button-accent-projects" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</figure>
+        <figure class="button button-accent-projects" onclick="galleryFilter('chest')">INSPECTING THE DEAD MAN'S CHEST</figure>
+        <figure class="button button-accent-projects" onclick="galleryFilter('heart')">TELL TALE HEART</figure>
+        <figure class="button button-accent-projects" onclick="galleryFilter('madman')">MADMAN'S BASEMENT</figure>
         </div>
 
-        <div style="color: #fff" class="gallery-description cabinet">
+        <div style="color: #f9f9ed" class="gallery-description cabinet">
             <h1>CABINET OF CURIOSITIES</h1>
             <p class="p1">This collection is a tribute to wonders of nature, the bizzare and incredible forms of life and death.<br>Exploring the forms and textures, the unseen and rare - its a tribute to once popular cabinets of naural and artistic curiosities, captured in metals and gems</p>
         </div>
-        <div style="color: #fff" class="gallery-description chest" >
+        <div style="color: #f9f9ed" class="gallery-description chest" >
             <h1>INSPECTING THE DEAD MAN'S CHEST </h1>
             <p class="p1">Inspired by pirate tales, Blackbeard and the Whydah Gally, these pieces are the tribute to the long forgotten treasures and jewels that lay burried in a watery grave. This jewelry series is mostly based on replicated archeological artefacts from shipwrecks</p>
         </div>
-          <div style="color: #fff" class="gallery-description heart" >
+          <div style="color: #f9f9ed" class="gallery-description heart" >
             <h1>TELL TALE HEART</h1>
             <p class="p1">The Sacred heart is an ultimate symbol of a passionate love for mankind. Here you shall find a variety of
                 pendants and medalions inspired by this classical motive and explored beyond its original roots.
                 These talismanic hearts represent a sensual and passionate side of its owners, a promise of love or an ode to inspiration - it is yet to be established</p>
         </div>
-        <div style="color: #fff" class="gallery-description madman" >
+        <div style="color: #f9f9ed" class="gallery-description madman" >
             <h1>THE MADMAN'S BASEMENT</h1>
             <p class="p1">Ladies and gentlemen, feast your eyes! The sideshow of goldsmith's bench! Step out to see the creatures of experimental tecniques, designs and unconventional materials, the Frankentein's monsters of  metalsmithing, insane projects and much, much more - all that is beyond description and scientific classification found its resting place right here, in Bricabracomania's very own Madman's Basement museum</p>
         </div>
@@ -75,7 +75,7 @@
     {{-- <div class="modal-gallery-all EscudoCharm">
       <img onclick="openModalAll('EscudoCharm', false)" class="modal-gallery-close" src="images/close.png">
       <div class="modal-gallery-txt-img-container">
-        <div style="color: #fff">Penis</div>
+        <div style="color: #f9f9ed">Penis</div>
         <div class="modal-gallery-all-container">
           <div class="modal-all-img" onclick="zoomModal(0)">
             <img  src="img/projects/amanita.jpg" alt="Amanita">
@@ -90,13 +90,13 @@
             <img  src="img/projects/amanita.jpg" alt="Amanita">
           </div>
         </div>
-        <div style="color: #fff">BIG sized</div>
+        <div style="color: #f9f9ed">BIG sized</div>
       </div>
     </div> --}}
     <div class="modal-gallery-all Heart">
         <img onclick="openModalAll('Heart', false)" class="modal-gallery-close" src="images/close.png">
         <div class="modal-gallery-txt-img-container">
-          <h2 style="text-align:center; color: #fff">Enameled Sacred Heart necklace - TELL TALE HEART</h2>
+          <h2 style="text-align:center; color: #f9f9ed">Enameled Sacred Heart necklace - TELL TALE HEART</h2>
           <div class="modal-gallery-all-container">
             <div class="modal-all-img" onclick="zoomModal(0)">
               <img  src="img/projects/pics/tell_tale_heart.png" alt="Tell tale heart1">
@@ -111,10 +111,10 @@
               <img  src="img/projects/pics/tell_tale_hearts (3).png" alt="Tell tale heart4">
             </div>
           </div>
-            <p style="color: #fff">Ultramarine & almandine (2/13)</p>
-            <p style="color: #fff">925 Silver, 18K gold, almandine garnet, enamelling and gold plating</p>
-            <p style="color: #fff">Yellow gold bezel, royal blue hot enamel, fine gold gilding</p>
-            <p style="color: #fff">Measurements: about 4 cm x 3.5 cm</p>
+            <p style="color: #f9f9ed">Ultramarine & almandine (2/13)</p>
+            <p style="color: #f9f9ed">925 Silver, 18K gold, almandine garnet, enamelling and gold plating</p>
+            <p style="color: #f9f9ed">Yellow gold bezel, royal blue hot enamel, fine gold gilding</p>
+            <p style="color: #f9f9ed">Measurements: about 4 cm x 3.5 cm</p>
             <p class="p1">The Sacred heart is an ultimate symbol of a passionate love for mankind.
             Inspired by this classical motive and explored beyond its original roots, enameled sacred heart necklace is going to charm it's way into Your life together with You.</p>
             <p class="p1">Enameled sacred heart necklace is limited edition piece of variety of pendants and medallions from the collection "Tell tale hearts".
@@ -130,7 +130,7 @@
           <div class="gallery-item chest all pointer">
             <div onclick="openModalAll('EscudoCharm', ['projects/amanita.jpg', 'portfolio-05.jpg', 'projects/diretmus-argenteus.jpg', 'projects/amanita.jpg'])">
               <img src="img/portfolio-05.jpg" alt="Escudo charm" class="hover-shadow cursor">
-              <h2 style="color: #fff">Escudo Charm</h2>
+              <h2 style="color: #f9f9ed">Escudo Charm</h2>
               <p class="p1">Based on a replica of a shipwreck spanish escudo coin<br>Silver, sapphirres<br>Measurements: 2,5x2cm</p>
             </div>
           </div>
@@ -138,7 +138,7 @@
             <div onclick="openModalAll('Heart', ['projects/pics/tell_tale_heart.png', 'projects/pics/tell_tale_hearts (1).png', 'projects/pics/tell_tale_hearts (2).png', 'projects/pics/tell_tale_hearts (3).png'])">
               <div>
               <img src="img/projects/tell-tale.jpg" alt="Tell tale heart" class="hover-shadow cursor">
-                <h2 style="color: #fff">Tell tale heart</h2>
+                <h2 style="color: #f9f9ed">Tell tale heart</h2>
                 <p class="p1">Ultramarine & almandine  (2/13)<br>Silver, 18K gold, almandine garnet, enamelling and gold plating<br>Measurements: 4x3,5cm</p>
               </div>
             </div>
@@ -146,7 +146,7 @@
           <div class="gallery-item cabinet all" >
             <div>
             <img src="img/projects/amanita.jpg" alt="Amanita" class="hover-shadow cursor">
-              <h2 style="color: #fff">Amanita phalloides</h2>
+              <h2 style="color: #f9f9ed">Amanita phalloides</h2>
               <p class="p1">Silver, 18K gold, 24K gold plating<br>Statement pendant for a thick cord or chain up to 3mm thick<br>Measurements: 5x3,5cm</p>
             </div>
           </div>
@@ -154,7 +154,7 @@
           <div class="gallery-item cabinet all" >
               <div>
               <img src="img/projects/diretmus-argenteus.jpg" alt="Diretmus Argenteus" class="hover-shadow cursor">
-                <h2 style="color: #fff">Diretmus Argenteus</h2>
+                <h2 style="color: #f9f9ed">Diretmus Argenteus</h2>
                 <p class="p1">Sterling silver, london blue topaz<br>Statement brooch<br>Measurments:</p>
               </div>
             </div>
@@ -162,19 +162,21 @@
           <div class="gallery-item cabinet all" >
               <div>
               <img src="img/projects/psathyrella-gracilis.jpg" alt="Psathyrella Gracilis" class="hover-shadow cursor">
-                <h2 style="color: #fff">Psathyrella Gracilis</h2>
+                <h2 style="color: #f9f9ed">Psathyrella Gracilis</h2>
                 <p class="p1">Bronze, verdigris patina<br>Statement pendant for a thick cord<br>Measurements: 8x3,5cm</p>
               </div>
             </div>
             <div class="gallery-item madman all" >
               <div>
               <img src="img/projects/teeth-ring.jpg" alt="Teeth ring" class="hover-shadow cursor">
-                <h2 style="color: #fff">Teeth ring</h2>
+                <h2 style="color: #f9f9ed">Teeth ring</h2>
                 <p class="p1">Description<br>Measurements:</p>
               </div>
             </div>
         </section>
 
+        <figure class="button button-accent-projects" onclick="galleryFilter('all')"> SHOW ALL</figure>          <!--Hinzugefügt für bessere Bedienbarkeit-->
+
     <section class="cta">
         <div class="container">
             <h2 class="title title-cta">Order your piece now!