bfh website

src/App/App.css

@@ -3,7 +3,7 @@
 /* * * * * * * */
 :root {
   /* our colours*/ 
-  --text-primary: # ; 
+  --text-primary: #850F78 ; 
   --mediumpurple: #bc15aa; 
   /*--purple: #B85BD1; */
   --accen-secondary: #F57D22; 
@@ -3138,4 +3138,15 @@ div[class*="boxy"] {
   width: 3.8vw;
   transform: rotate(25deg);
   border-top: 1px solid var(--text-primary);
+}
+
+.bfh-menu{
+  width: fit-content;
+}
+
+a{
+  cursor: pointer;
+}
+.bfh-menu svg a:hover >  g circle{
+  fill: var(--accent-gradient-three-of-three) !important;
 }
\ No newline at end of file

src/App/App.scss

@@ -543,4 +543,23 @@ $shadow: #bc15aa;
 	i{
 		z-index: 1;
 	}
+}
+
+.picture-frame {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  max-width: 400px;
+  width: 90%;
+  margin: auto;
+  background: #fff;
+  padding: 30px;
+  border-style: solid;
+  border-width: 30px;
+  border-top-color: darken(#850F78, 0%);
+  border-right-color: darken(#850F78, 10%);
+  border-bottom-color: darken(#850F78, 0%);
+  border-left-color: darken(#850F78, 10%);
+  box-shadow: 2px 2px 4px rgba(0,0,0,.6);
 }
\ No newline at end of file

src/components/pdfs.tsx

@@ -16,9 +16,6 @@ export default function BFHpdf(){
     return(
     <>
         <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
-        <div className="col">
-            <ButtonOne text="Guideline" open="guideline"></ButtonOne>
-          </div>
           <div className="col">
             <ButtonOne text="Flyers" open="flyers"></ButtonOne>
           </div>
@@ -29,12 +26,7 @@ export default function BFHpdf(){
             <ButtonOne text="Judging Form" open="form"></ButtonOne>
           </div>
         </div> 
-        <div className="col cycletab" id="guideline" style={{display: "block"}}>
-        <div className='col'>
-            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/>
-            </div>
-        </div>
-        <div className="col cycletab" id="flyers" style={{display: "none"}}>
+        <div className="col cycletab" id="flyers" style={{display: "block"}}>
             <div className='row align-items-center'>
                 <div className='col'>
                 <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-flyer-european-meetup.pdf' name="bfh-flyer-european-meetup.pdf"/>
@@ -53,19 +45,12 @@ export default function BFHpdf(){
                 </div>
                 <div className='col-2'>
                 </div>
-                <div className='col'>
-                    <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/>
-                </div>
-            </div>
-            <div className='row align-items-center'>
                 <div className='col'>
                     <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-studicom-presentation.pdf' name="bfh-flyer-european-meetup.pdf"/>
                 </div>
-                <div className='col-2'>
-                </div>
-                <div className='col'>
-                    {/* <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/>
-              */}   </div>
+{/*                 <div className='col'>
+                    <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-poster-bielefeld.pdf' name="bfh-meet-up-guideline.pdf"/>
+                </div> */}
             </div>
         </div>
         <div className="col cycletab" id="form" style={{display: "none"}}>
@@ -75,4 +60,12 @@ export default function BFHpdf(){
         
     </>
     )
+}
+
+export function GuidePDF(){
+    return(
+        <div className='col'>
+            <PDF link='https://static.igem.wiki/teams/5247/pdfs/bfh-meet-up-guideline.pdf' name="bfh-meet-up-guideline.pdf"/>
+            </div>
+    )
 }
\ No newline at end of file