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

Edited README

Browse source
This commit is contained in:
Red Duck 2021-11-01 13:36:45 +02:00
parent b5ec73b105
commit 80396aedf5
17 changed files with 193 additions and 249 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
.gitignore vendored
View file

@ -1,34 +1,4 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
/node_modules/
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# next.js
/.next/
/out/
# production
/build
# misc
.DS_Store
*.pem
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# local env files
.env.local
.env.development.local
.env.test.local
.env.production.local
# vercel
.vercel
/out/

35
README.md
View file

@ -1,34 +1,15 @@
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
# TheRed.TK
## Getting Started
This is a personal website made by TheRed, all of the source code is available!
First, run the development server:
This website uses `Next.JS`.
```bash
npm run dev
# or
yarn dev
```
You can run the website in dev mode using:
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
- `yarn dev` or `npm dev`
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
And you can compile it using:
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
- `yarn build` or `npm build`
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
Pretty simple.

5
components/content.js Normal file
View file

@ -0,0 +1,5 @@
export default function Content() {
return <>
Content goes here
</>
}

19
components/navbar.js Normal file
View file

@ -0,0 +1,19 @@
import styles from "../styles/Navbar.module.css"
import Link from "next/link";
export default function Navbar() {
return <>
<div className={styles.NavBar}>
<Link href="/">
<a>
TheRed.TK
</a>
</Link>
{/* <Link href="/troll">
<a>
<span> Trol</span>
</a>
</Link> */}
</div>
</>
}

12
pages/404.js Normal file
View file

@ -0,0 +1,12 @@
import styles from '../styles/404.module.css'
import Link from 'next/link'
export default function NotFound() {
return (
<div className={styles.Card} style={{width:"400px", textAlign: "center", display: "block", marginLeft: "calc(50% - 200px)"}}>
Error: 404;
Page not found!<br/>
<Link href="/"><a><span className={styles.CodeBox}>Go back</span></a></Link>
</div>
)
}

13
pages/_app.js
View file

@ -1,7 +1,8 @@
import '../styles/globals.css'
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
export default MyApp
import Navbar from '../components/navbar'
export default function MyApp({ Component, pageProps }) {
return <>
<Navbar />
<Component {...pageProps} />
</>
}

66
pages/index.js
View file

@ -1,69 +1,17 @@
import Head from 'next/head'
import Image from 'next/image'
import styles from '../styles/Home.module.css'
import Content from '../components/content'
export default function Home() {
return (
<div className={styles.container}>
<>
<Head>
<title>Create Next App</title>
<meta name="description" content="Generated by create next app" />
<link rel="icon" href="/favicon.ico" />
<title>TheRed.TK</title>
</Head>
<main className={styles.main}>
<h1 className={styles.title}>
Welcome to <a href="https://nextjs.org">Next.js!</a>
</h1>
<p className={styles.description}>
Get started by editing{' '}
<code className={styles.code}>pages/index.js</code>
</p>
<div className={styles.grid}>
<a href="https://nextjs.org/docs" className={styles.card}>
<h2>Documentation &rarr;</h2>
<p>Find in-depth information about Next.js features and API.</p>
</a>
<a href="https://nextjs.org/learn" className={styles.card}>
<h2>Learn &rarr;</h2>
<p>Learn about Next.js in an interactive course with quizzes!</p>
</a>
<a
href="https://github.com/vercel/next.js/tree/master/examples"
className={styles.card}
>
<h2>Examples &rarr;</h2>
<p>Discover and deploy boilerplate example Next.js projects.</p>
</a>
<a
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
>
<h2>Deploy &rarr;</h2>
<p>
Instantly deploy your Next.js site to a public URL with Vercel.
</p>
</a>
</div>
</main>
<footer className={styles.footer}>
<a
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
Powered by{' '}
<span className={styles.logo}>
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
</span>
</a>
</footer>
</div>
<div className={styles.Home}>
<Content />
</div>
</>
)
}

5
pages/troll.js Normal file
View file

@ -0,0 +1,5 @@
export default function Trol() {
return <>
Trol!!!!!
</>
}

BIN
public/Consolas.woff Normal file
View file

Binary file not shown.

BIN
public/Manrope.woff Normal file
View file

Binary file not shown.

BIN
public/Reef.woff Normal file
View file

Binary file not shown.

BIN
public/favicon.ico
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 25 KiB

4
public/vercel.svg
View file

@ -1,4 +0,0 @@
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 1.1 KiB

80
styles/404.module.css Normal file
View file

@ -0,0 +1,80 @@
@keyframes cardSlide {
from {
top: calc(50% - 200px);
-ms-transform: translateY(calc(-50% + 80px));
transform: translateY(calc(-50% + 80px));
opacity: 0;
filter:blur(5px);
scale: 0.5;
}
to {
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
filter:blur(0px);
scale: 1;
}
}
@keyframes pop {
from {
scale: 0.5;
}
to {
scale: 1;
}
}
.Card {
padding: 10px;
background-color: #907AD6;
color: white;
font-size: 20pt;
font-family: 'Manrope';
padding-left: 20px;
-webkit-box-shadow: 0px 10px 0px 0px #7C63CF;
-moz-box-shadow: 0px 10px 0px 0px #7C63CF;
box-shadow: 0px 10px 0px 0px #7C63CF;
border: 0px white solid;
border-radius: 10px;
margin: 0;
position: absolute;
top: calc(50% - 80px);
-ms-transform: translateY(calc(-50% + 80px));
transform: translateY(calc(-50% + 80px));
opacity: 0;
filter:blur(5px);
animation-name: cardSlide;
animation-duration: .6s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-delay: .2s;
}
.CodeBox {
display: block;
color:#798ff1;
background-color:#2f254e;
padding-left:20px;
padding-right:20px;
border:0px white solid;
border-radius:10px;
transition: .4s padding-left, .4s padding-right, .2s background-color, .2s color, .4s width;
animation-name: pop;
animation-duration: .9s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-delay: .2s;
width: 150px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.CodeBox:hover {
color:#2d3557;
background-color:#7a62c5;
padding-left:40px;
padding-right:40px;
border:0px white solid;
border-radius:10px;
width: 300px;
}

125
styles/Home.module.css
View file

@ -1,121 +1,4 @@
.container {
min-height: 100vh;
padding: 0 0.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
.main {
padding: 5rem 0;
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer {
width: 100%;
height: 100px;
border-top: 1px solid #eaeaea;
display: flex;
justify-content: center;
align-items: center;
}
.footer a {
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1;
}
.title a {
color: #0070f3;
text-decoration: none;
}
.title a:hover,
.title a:focus,
.title a:active {
text-decoration: underline;
}
.title {
margin: 0;
line-height: 1.15;
font-size: 4rem;
}
.title,
.description {
text-align: center;
}
.description {
line-height: 1.5;
font-size: 1.5rem;
}
.code {
background: #fafafa;
border-radius: 5px;
padding: 0.75rem;
font-size: 1.1rem;
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Courier New, monospace;
}
.grid {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
max-width: 800px;
margin-top: 3rem;
}
.card {
margin: 1rem;
padding: 1.5rem;
text-align: left;
color: inherit;
text-decoration: none;
border: 1px solid #eaeaea;
border-radius: 10px;
transition: color 0.15s ease, border-color 0.15s ease;
width: 45%;
}
.card:hover,
.card:focus,
.card:active {
color: #0070f3;
border-color: #0070f3;
}
.card h2 {
margin: 0 0 1rem 0;
font-size: 1.5rem;
}
.card p {
margin: 0;
font-size: 1.25rem;
line-height: 1.5;
}
.logo {
height: 1em;
margin-left: 0.5rem;
}
@media (max-width: 600px) {
.grid {
width: 100%;
flex-direction: column;
}
}
.Home {
color: white;
padding: 20px;
}

30
styles/Navbar.module.css Normal file
View file

@ -0,0 +1,30 @@
@keyframes slidedown {
from {
filter: blur(20px);
opacity: 0;
scale: 0;
}
to {
filter: blur(0px);
opacity: 1;
scale: 1;
}
}
.NavBar {
padding: 10px;
background-color: #907AD6;
color: white;
font-size: 20pt;
font-family: 'Manrope';
padding-left: 20px;
-webkit-box-shadow: 0px 10px 0px 0px #7C63CF;
-moz-box-shadow: 0px 10px 0px 0px #7C63CF;
box-shadow: 0px 10px 0px 0px #7C63CF;
/* filter: blur(20px);
opacity: 0;
top: -30px; */
/* animation-name: slidedown;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; */
}

14
styles/globals.css
View file

@ -1,9 +1,23 @@
@font-face {
font-family: 'Consolas';
src: url('/Consolas.woff') format('woff');
}
@font-face {
font-family: 'Reef';
src: url('/Reef.woff') format('woff');
}
@font-face {
font-family: 'Manrope';
src: url('/Manrope.woff') format('woff');
}
html,
body {
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
background-color: #2a2831;
color: white;
}
a {