deleted unused buttons

src/App/App.css

@@ -623,27 +623,24 @@ footer a:hover {
 /* * * * * * * * */
 /* * *BUTTONS* * */
 /* * * * * * * * */
-/* .hp-more-button{
-  padding: 5px;
-  border-radius: 10px;
-  padding-left: 10px;
-  padding-right: 10px;
-  margin-left: 5px;
-  margin-right: 5px;
-} */
-.hp-more-button:hover, .bfh-more-button:hover{
+
+button:hover{
   filter: brightness(0.5);
 }
-  
-.bfh-more-button{
+button {
   margin-top: 20px;
+}
+
+
+ .btn1{
+  
   padding: 5px;
   border-radius: 10px;
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 5px;
   margin-right: 5px;
-}
+} 
 
 /* * * * * * * * */
 /*VILLAGE BUTTONS*/
@@ -3063,26 +3060,6 @@ span{
 }
 
 
-/* .children  .node{
-  background: --webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))) var(--background);
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)) var(--accent-primary);
-}
-
-.children  .children .node{
-  background: --webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.30)), to(rgba(0, 0, 0, 0.30))) var(--background);
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)) var(--accent-primary);
-}
-
-.children  .children .children .node{
-  background: --webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45))) var(--background);
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)) var(--accent-primary);
-}
-
-.children  .children .children .children .node{
-  background: --webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.60)), to(rgba(0, 0, 0, 0.60))) var(--background);
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)) var(--accent-primary);
-}
-  */
 
 #L1, #R1{
   line-height: calc(var(--node-size) / 4);
@@ -3103,101 +3080,6 @@ span{
  }
  
 
-/*  ========================
-      BUTTON TWO
-======================== */
-
-.btn-two {
-  color: var(--ourbeige);
-  transition: all 0.5s;
-  position: relative;
-}
-.btn-two span {
-  z-index: 2;
-  display: block;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.btn-two::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  transition: all 0.5s;
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.btn-two::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  transition: all 0.5s;
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  background-color: rgba(255, 255, 255, 0.1);
-}
-.btn-two:hover::before {
-  transform: rotate(-45deg);
-  background-color: rgba(255, 255, 255, 0);
-}
-.btn-two:hover::after {
-  transform: rotate(45deg);
-  background-color: rgba(255, 255, 255, 0);
-}
-
-
-/* 
-========================
-      BUTTON THREE
-======================== */
-
-.btn-three {
-  color: var(--ourbeige);
-  transition: all 0.5s;
-  position: relative;
-}
-.btn-three::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  background-color: rgba(255, 255, 255, 0.1);
-  transition: all 0.3s;
-}
-.btn-three:hover::before {
-  opacity: 0;
-  transform: scale(0.5, 0.5);
-}
-.btn-three::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  opacity: 0;
-  transition: all 0.3s;
-  border: 1px solid rgba(255, 255, 255, 0.5);
-  transform: scale(1.2, 1.2);
-}
-.btn-three:hover::after {
-  opacity: 1;
-  transform: scale(1, 1);
-}
-
-
-
 div[class*="boxy"] {
   height: 33.33%;
   width: 100%;

src/components/Buttons.tsx

@@ -148,14 +148,14 @@ export function TabButton({classy, name, closing, opentype, type}:TabButtonProps
 
 export function BFHMoreButton({it}: {it: string}){
   return(
-    <button className="tablinks bfh-more-button" onClick={expandIt({it})}> More</button>
+    <button className="tablinks btn1" onClick={expandIt({it})}> More</button>
   )
 }
 
 export function NewHPMoreButton({tab, scroll}: {tab: string, scroll: string}){
   const {goToPageWithTabAndScroll} = useNavigation(); 
   return(
-    <button className="tablinks bfh-more-button" onClick={() => goToPageWithTabAndScroll({path: "", tabId: tab, scrollToId: scroll})}> More</button>
+    <button className="tablinks btn1" onClick={() => goToPageWithTabAndScroll({path: "", tabId: tab, scrollToId: scroll})}> More</button>
   )
 }
 
@@ -175,26 +175,6 @@ function expandIt({it}: {it: string}){
 
 
 
-export function ButtonThree(){
-  return(
-    <div className="boxy-3">
-      <div className="btn-new btn-three">
-        <span typeof="button" onClick={openElement({elementToOpen: "about", classToHide: "tabcontent", buttonClass: "tablinks"})}>HOVER ME</span>
-      </div>
-    </div>
-  )
-}
-
-export function ButtonTwo(){
-  return(
-    <div className="boxy-2">
-      <div className="btn-new btn-two">
-        <span typeof="button" onClick={openElement({elementToOpen: "about", classToHide: "tabcontent", buttonClass: "tablinks"})}>HOVER ME</span>
-      </div>
-    </div>
-  )
-}
-
 export function ButtonOne({text, open, openclass}: {text:string, open:string, openclass?: string}){
   const { goToPagesAndOpenTab } = useNavigation();
   if (openclass) {

src/contents/Contribution/BFH/bfh-about.tsx

@@ -230,10 +230,10 @@ export function About(){
       <p>The BFH European Meet-Up 2024 was a resounding success, uniting over 20 teams and 150 participants in a celebration of science, innovation, and collaboration. As we look forward to future events, we remain committed to our mission of igniting, innovating, and inspiring the next generation of scientists. Here's to many more great moments and an unforgettable time for every participant – cheers! </p>
       <div className="small-row">
         <div className="col right">
-          <a href="https://bfheuropeanmeetup.mobirisesite.com/page6.html"><button className="tablinks bfh-more-button Medical">Visit the Website</button></a>
+          <a href="https://bfheuropeanmeetup.mobirisesite.com/page6.html"><button className="tablinks btn1 Medical">Visit the Website</button></a>
         </div>
         <div className="col button-left">
-          <a href="https://www.instagram.com/bfh_euromeet/"><button className="left-button tablinks bfh-more-button Medical" >Stay in Touch</button></a>
+          <a href="https://www.instagram.com/bfh_euromeet/"><button className="left-button tablinks btn1 Medical" >Stay in Touch</button></a>
         </div>
       </div>
     </div>