DO NOT USE THIS VERSION
diff --git a/Components/Card.js b/Components/Card.js
index dff4229..7e7b99d 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -9,13 +9,15 @@
render() {
return (
<div className={Styles.card} style={{
- backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
margin: "0"
}}>
- <img alt="" className={Styles.backgroundImage} src={`/Waves/${this.props.wave}.svg`} draggable={false} />
+ <div className={Styles.backgroundGradient} style={{
+ backgroundImage: `linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`
+ }} />
+ <img alt="" className={Styles.backgroundImage} src={`https://assets.clicksminuteper.net/web/waves/card/${this.props.wave}.svg`} draggable={false} />
<div className={Styles.panel}>
<div className={Styles.titleContainer}>
- <img alt="Project icon" className={Styles.image} src={"/Icons/" + (this.props.icon ? this.props.icon : this.props.wave) + ".svg"} />
+ <img alt="Project icon" className={Styles.image} src={"https://assets.clicksminuteper.net/" + (this.props.icon ? this.props.icon : this.props.wave) + ".svg"} />
<h1 className={Styles.title}>{this.props.title}</h1>
</div>
<p className={Styles.subtext}>{this.props.subtext}</p>
diff --git a/Components/Header.js b/Components/Header.js
index bd5c54e..d4650c6 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -11,9 +11,11 @@
render() {
return (
<div className={Styles.header} style={{
- backgroundImage: `linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
margin: "0"
}} id={this.props.id ? this.props.id : null}>
+ <div className={Styles.backgroundGradient} style={{
+ backgroundImage: `linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
+ }} />
<Head>
<title>{this.props.nameOverwrite ? this.props.nameOverwrite : this.props.name} - Clicks Minute Per</title>
<meta name="title" content={this.props.name} />
@@ -25,7 +27,7 @@
<meta name="author" content="Clicks Minute Per" />
<meta name="og:author" content="Clicks Minute Per" />
</Head>
- <img draggable={false} alt="" className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
+ <img draggable={false} alt="" className={Styles.backgroundImage} src={`https://assets.clicksminuteper.net/${this.props.wave}.svg`} />
<div className={Styles.panel}>
<div className={Styles.titleContainer}>
<h1 className={Styles.title}>{this.props.name}</h1>
@@ -48,7 +50,7 @@
</div>
</div>
<span className={Styles.arrowSpan + " " + (this.props.hideArrow ? Styles.arrowHidden : null)} draggable={false}>
- <a href="#start" draggable={false}><img alt="Down arrow" src="/Arrow.svg" className={Styles.arrow} draggable={false} style={{
+ <a href="#start" draggable={false}><img alt="Down arrow" src="https://assets.clicksminuteper.net/web/icons/arrow.svg" className={Styles.arrow} draggable={false} style={{
height: "49px", width: "87px"
}}/></a>
</span>
diff --git a/Components/NavBar.js b/Components/NavBar.js
index c838f28..b153f8c 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -54,11 +54,11 @@
<>
<div ref={this.hoverSensor} className={this.isTouchDevice ? (Styles.container + " " + (this.state.isOpen ? Styles.containerOpen : null)) : Styles.containerDesktop + " " + Styles.container}>
<div className={Styles.group}>
- <img alt="CMP" className={Styles.headerIcon} src="/Icons/CMP.svg" onClick={() => {this.onClick()}}/>
- <a href="/#"><img alt="Home" className={Styles.icon} src="/Icons/Homepage.svg"/></a>
- <a href="/gps#"><img alt="GPS" className={Styles.icon} src="/Icons/GS.svg"/></a>
- <a href="/rsm#"><img alt="RSM" className={Styles.icon} src="/Icons/RM.svg"/></a>
- <a href="/clicksforms#"><img alt="ClicksForms" className={Styles.icon} src="/Icons/CF.svg"/></a>
+ <img alt="CMP" className={Styles.headerIcon} src="https://assets.clicksminuteper.net/company/logo/normal.svg" onClick={() => {this.onClick()}}/>
+ <a href="/#"><img alt="Home" className={Styles.icon} src="https://assets.clicksminuteper.net/web/icons/home.svg"/></a>
+ <a href="/gps#"><img alt="GPS" className={Styles.icon} src="https://assets.clicksminuteper.net/bots/gps/normal.svg"/></a>
+ <a href="/rsm#"><img alt="RSM" className={Styles.icon} src="https://assets.clicksminuteper.net/bots/rsm/normal.svg"/></a>
+ <a href="/clicksforms#"><img alt="ClicksForms" className={Styles.icon} src="https://assets.clicksminuteper.net/bots/clicksforms/normal.svg"/></a>
{/* <a href="/castaway#"><img className={Styles.icon} src="/Icons/CA.svg"/></a> */}
{/* <a href="https://clcks.dev"><img className={Styles.icon} src="/Icons/CL.svg"/></a> */}
</div>
diff --git a/Components/ThemeChangeButton.js b/Components/ThemeChangeButton.js
index b4c80c8..baf55f0 100644
--- a/Components/ThemeChangeButton.js
+++ b/Components/ThemeChangeButton.js
@@ -1,8 +1,6 @@
/** @jsxImportSource theme-ui */
import { useColorMode } from 'theme-ui';
import Styles from '../styles/navbar.module.css';
-import Light from '../public/light.svg';
-import Dark from '../public/dark.svg';
import { useState, useEffect } from 'react';
@@ -21,7 +19,7 @@
setColorMode(colorMode === 'light' ? 'dark' : 'light');
}}>
{
- !render ? null : (colorMode == 'light' ? <Light /> : <Dark />)
+ !render ? null : (colorMode == 'light' ? <img src="https://assets.clicksminuteper.net/web/icons/light.svg" /> : <img src="https://assets.clicksminuteper.net/web/icons/dark.svg" />)
}
</a>
</header>