From cc6378b234afffbf42b8434d64b88ef2066da4ca Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <lsanfilippo@techfak.uni-bielefeld.de>
Date: Thu, 14 Nov 2024 16:24:30 +0100
Subject: [PATCH] deleted unused buttons
---
src/App/App.css | 136 ++------------------
src/components/Buttons.tsx | 24 +---
src/contents/Contribution/BFH/bfh-about.tsx | 4 +-
3 files changed, 13 insertions(+), 151 deletions(-)
diff --git a/src/App/App.css b/src/App/App.css
index f64b4b76..7779d881 100644
--- a/src/App/App.css
+++ b/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%;
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index cc9db7f0..482f1125 100644
--- a/src/components/Buttons.tsx
+++ b/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) {
diff --git a/src/contents/Contribution/BFH/bfh-about.tsx b/src/contents/Contribution/BFH/bfh-about.tsx
index 15b808c0..9e4f7a9d 100644
--- a/src/contents/Contribution/BFH/bfh-about.tsx
+++ b/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>
--
GitLab