TheRed-Software
/
Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

The website was updated a bit again

This commit is contained in:
Red Duck 2021-12-22 00:42:34 +02:00
parent b96eea3665
commit f6b53e83de
10 changed files with 86 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
components/feedback.js Normal file
View File

24
components/privacy.js
View File

@ -2,17 +2,19 @@ import styles from '../styles/Privacy.module.css'
export default function Privacy() {
return (
<div className={styles.Privacy}>
<h1>Welcome to TheRed.SH!</h1>
<h3>TheRed.SH is a self-hosted site made by TheRed. Due to potential for concerned users to arise, we have made a privacy policy in order to notify these users.</h3>
<hr style={{color:"white", borderRadius:"10px", padding:"2px",backgroundColor:"white",border:"0px white solid"}}/>
<h3>We, in no way, track you or spy on you. We may only collect this information if you abuse our system, however, you can't be identified:</h3>
<h3 style={{lineHeight:"1"}}>᛫ Your IP address</h3>
<h3 style={{lineHeight:"1"}}>᛫ Timestamp</h3>
<h3 style={{lineHeight:"1"}}>᛫ Request Method</h3>
<h3 style={{lineHeight:"1"}}>᛫ Status Code</h3>
<h3 style={{lineHeight:"1"}}>᛫ Traffic Usage</h3>
<h3 style={{lineHeight:"1"}}>᛫ Queries</h3>
<div className={styles.ScrollBox}>
<div className={styles.Privacy}>
<h1>Welcome to TheRed.SH!</h1>
<h3>TheRed.SH is a self-hosted site made by TheRed. Due to potential for concerned users to arise, we have made a privacy policy in order to notify these users.</h3>
<hr style={{color:"white", borderRadius:"10px", padding:"2px",backgroundColor:"white",border:"0px white solid"}}/>
<h3>We, in no way, track you or spy on you. We may only collect this information if you abuse our system, however, you can't be identified:</h3>
<h3 style={{lineHeight:"1"}}>᛫ Your IP address</h3>
<h3 style={{lineHeight:"1"}}>᛫ Timestamp</h3>
<h3 style={{lineHeight:"1"}}>᛫ Request Method</h3>
<h3 style={{lineHeight:"1"}}>᛫ Status Code</h3>
<h3 style={{lineHeight:"1"}}>᛫ Traffic Usage</h3>
<h3 style={{lineHeight:"1"}}>᛫ Queries</h3>
</div>
</div>
)
}

3
components/sticker.js
View File

@ -3,6 +3,9 @@ import styles from '../styles/Sticker.module.css'
export default function Sticker(props) {
return (
<div className={styles.Sticker} style={{color: props.txtColor ?? '#ffffff', backgroundColor: props.bgColor ?? 'rgba(36, 36, 49, 0.7)', scale: '1', ...props.style}}>
<script>
</script>
{props.children}
</div>
)

7
components/textbox.js Normal file
View File

@ -0,0 +1,7 @@
import styles from '../styles/Textbox.module.css'
export default function Textbox(props) {
return (
<input className={styles.Textbox} type={props.type ?? 'text'} style={{width: props.width ?? '200px', ...props.style}} placeholder={props.placeholder ?? 'Type anything here!'}></input>
)
}

4
pages/index.js
View File

@ -6,6 +6,7 @@ import Navbar from '../components/navbar'
import TrianglesBG from '../components/trianglesbg'
import Alert from '../components/alert'
import Sticker from '../components/sticker'
import Textbox from '../components/textbox'
export default function Home() {
return (
@ -19,7 +20,8 @@ export default function Home() {
</div>
<TrianglesBG />
<Alert />
<Sticker style={{top: '80px', right: '20px'}}>Hello there! This is a sticker!<br/>Here, you can stick anything!<br/>This works pretty well imo<br/></Sticker>
<Sticker style={{top: '80px', right: '20px'}}>Hello there! I'm a sticker!<br/>This is just a simple demo.<br/>A much more finished website will be coming soon!</Sticker>
<Textbox width="50vw" placeholder="Send anything to me here! (Currently not working)" style={{margin: 'auto', marginTop: '30px', display: 'block', marginBottom: '60px'}}/>
</>
)
}

2
pages/projects.js
View File

@ -6,7 +6,7 @@ export default function Projects() {
return <><title>TheRed.SH / Projects</title><div className={styles.Box}>
<Redirect page="home"/>
<div className={styles.ScrollBox}>
<h1 className={styles.Header}>Here are all of my projects:</h1>
<h1 className={styles.Header}>Here are all of my projects (Only a demo, none of the buttons work):</h1>
<div className={styles.Project}>
<h1 className={styles.ProjectHeader}>
Chatsy

8
styles/Navbar.module.css
View File

@ -1,6 +1,6 @@
.NavBarBackbone {
background-color: rgba(0,0,0,0.1);
border-bottom: 2px solid #3b3b58;
border-bottom: 2px solid #ddd;
width: 100%;
height: 41px;
z-index: 0;
@ -20,14 +20,14 @@
background-color: rgba(255,255,255,0.00);
color: white;
border: none;
border-bottom: 2px solid #3b3b58;
border-bottom: 2px solid #ddd;
padding: 10px;
padding-left: 20px;
padding-right: 20px;
transition: all .2s ease;
transition: all .5s ease;
font-size: 10pt;
}
.NavBar>a>button:hover {
background-color: rgba(255,255,255,0.08);
border-bottom: 2px solid #6060dd;
border-bottom: 2px solid #9d9dff;
}

9
styles/Privacy.module.css
View File

@ -7,4 +7,13 @@
margin-top:0px;
text-align: center;
font-family: 'Manrope';
}
.ScrollBox {
display: block;
position: fixed;
overflow-y: scroll;
height: 100%;
padding-bottom: 50px;
margin: auto;
width: 100%;
}

14
styles/Sticker.module.css
View File

@ -1,3 +1,11 @@
@keyframes pop {
0% {
scale: 0;
}
100% {
scale: 1;
}
}
.Sticker {
background-color: rgba(36, 36, 49, 0.7);
color: #ffffff;
@ -7,4 +15,10 @@
backdrop-filter: blur(20px);
mix-blend-mode: screen;
position: absolute;
scale: 0;
animation-name: pop;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 0s;
animation-timing-function: ease;
}

32
styles/Textbox.module.css Normal file
View File

@ -0,0 +1,32 @@
@keyframes pop {
0% {
scale: 0;
}
60% {
scale: 1.2;
}
100% {
scale: 1;
}
}
.Textbox {
background-color: #17171f;
border-radius: 10px;
font-family: 'Manrope';
color: white;
padding: 20px;
border: none;
scale: 1;
font-size: 12pt;
animation-name: pop;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: 1s;
animation-timing-function: ease;
scale: 0;
}
.Textbox::placeholder {
color: #8b8ba8;
font-family: 'Manrope';
}