From c8e1d1abb4d1af5d9db5fc38e13b1d2e3523e525 Mon Sep 17 00:00:00 2001 From: liliana <liliana.sanfilippo@uni-bielefeld.de> Date: Thu, 12 Sep 2024 17:39:56 +0200 Subject: [PATCH] heading --- src/App/App.css | 1 + src/components/HeaderBox.tsx | 4 ++-- src/components/Headings.tsx | 2 +- src/sidebars/engS.tsx | 1 + 4 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/App/App.css b/src/App/App.css index 8a2f6589..c08faa08 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -5,6 +5,7 @@ /* our colours*/ --text-primary: #850F78 ; --mediumpurple: #bc15aa; + --lightpurple: #B85BD1; /*--purple: #B85BD1; */ --accen-secondary: #F57D22; --accent-gradient-one-of-three: #F59121; diff --git a/src/components/HeaderBox.tsx b/src/components/HeaderBox.tsx index 896dd372..a0976440 100644 --- a/src/components/HeaderBox.tsx +++ b/src/components/HeaderBox.tsx @@ -1,4 +1,4 @@ -import { Hpopart } from "./Headings"; +import { Hwave } from "./Headings"; interface Props{ title: string, @@ -11,7 +11,7 @@ export default function HeaderBox({children, title}: Props ){ <div className="row"> <div className="col header-container"> <div className="header-title"> - <Hpopart text={title}></Hpopart> + <Hwave text={title}></Hwave> </div> {children} </div> diff --git a/src/components/Headings.tsx b/src/components/Headings.tsx index 06dc8178..c76f061b 100644 --- a/src/components/Headings.tsx +++ b/src/components/Headings.tsx @@ -118,7 +118,7 @@ export function Hwave({text, id}:{text: string, id?: string}){ idtext = stringToSlug(text); } return( - <svg id={idtext} viewBox="0 0 100 20"> + <svg id={idtext} className="bigtitle" viewBox="0 0 100 20"> <defs> <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1"> <stop offset="5%" stop-color="#850F78"/> diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx index 2d659ed0..b3f1300d 100644 --- a/src/sidebars/engS.tsx +++ b/src/sidebars/engS.tsx @@ -1,6 +1,7 @@ import { useEffect } from "react"; import { Highlight } from "../utils/Highlight-functions"; import { openThem } from "../utils/openThem"; + export function EngSide(){ let nums = [ "del1"] useEffect(() => { -- GitLab