Skip to content

Commit

Permalink
venus banner added
Browse files Browse the repository at this point in the history
  • Loading branch information
@AB10110F
AB10110F committed Nov 19, 2023
1 parent 8844e94 commit f8f0544
Show file tree
Hide file tree
Showing 5 changed files with 89 additions and 95 deletions.
4 changes: 1 addition & 3 deletions .gitignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,4 @@ yarn-error.log*

# typescript
*.tsbuildinfo
next-env.d.

TODO.md
next-env.d.
6 changes: 3 additions & 3 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,9 +36,9 @@ function Home() {
<main className={text}>
<Image src="/scanlines.jpg" width={500} height={500} className={scanlines} alt="image" />
<span className={scanner}></span>
<section className={styles.header}>
<header className={styles.header}>
<h1 style={dotFont.style}>{title}</h1>
</section>
</header>
<div className={styles.grid}>
<Terminal/>
<aside className={styles.aside}>
Expand All @@ -58,4 +58,4 @@ function Home() {
)
}

export default dynamic (() => Promise.resolve(Home), {ssr: false})
export default dynamic (() => Promise.resolve(Home), {ssr: false})
2 changes: 1 addition & 1 deletion src/components/Model.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,4 +47,4 @@ const Sphere = () => {
return <canvas ref={canvasRef} />;
};

export default Sphere;
export default Sphere;
144 changes: 70 additions & 74 deletions src/components/Terminal.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,27 +22,28 @@ const Terminal = () => {
if(language == 'English')
{
banner = [
" _/_/ _/_/_/ _/ _/ _/ _/ _/ _/_/_/_/",
" _/ _/ _/ _/ _/_/ _/ _/ _/_/ _/_/ _/ _/ _/ ",
" _/_/_/_/ _/_/_/ _/ _/ _/ _/ _/ _/ _/ _/_/_/ ",
" _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ ",
"_/ _/ _/_/_/ _/ _/ _/ _/ _/ _/ ",
" ,db ",
" jSDl, ",
" DEMP\". ",
" 'YLObP Name: Bryant ",
" `YN` Mail: [email protected] ",
" Y\" ",
" Y; You can also check my social media ",
" ,Lb .,,. ,,ss just type one of the following options: ",
" .,dOVEl SDEMILO' ",
" dLOVENUSDEMILOP ",
" ;OP*NUSDP**LOVEb, =^..^= github </> codepen ",
" dEl \"DE; YENUP ",
" YUS :l` YS' (°‿°) reddit ,(u°)> twitter ",
" :*' .,DE. ",
" USD`YI ",
" dDEY O: ║▌║█║▌│║▌║▌█║▌║█║▌│║▌║▌█║▌║ ",
" .EMIb ,E. ",
" ,dILO* NUY ",
" ,ILOVb ,SD' Type \"help\" to view the available commands\n",
"",
"________________________________________________",
"| _____________________________ | Name: Bryant",
"| [][] _____________________________ [_][_][_] | Mail: [email protected]",
"| [][] [_][_][_] [_][_][_][_] [_][_] [_][_][_] | ",
"| | You can also check my",
"| [][] [][][][][][][][][][][][][][_] [][][][] | social media, just type",
"| [][] [_][][][][][][][][][][][][][] [][][][] | one of the following options:",
"| [][] [__][][][][][][][][][][][][_] [][][][] | ",
"| [][] [___][][][][][][][][][][][__] [__][][] | =^..^= github </> codepen",
"| [_][______________][_] | (°‿°) reddit ,(u°)> twitter",
"|______________________________________________|",
"",
"Type \"help\" to view the available commands\n\n",
]

help = [
"This is the list of commands you can use: \n",
"banner Displays the initial greeting",
Expand All @@ -56,7 +57,7 @@ const Terminal = () => {
"twitter Opens twitter in a new tab",
"cls Clears the content of the terminal\n\n",
]

projects = [
" _ __ _ __ ___ _________ ,___ ________,",
"( / )( / ) / ()( /( / / /( / ( ",
Expand All @@ -66,26 +67,23 @@ const Terminal = () => {
" (/ \n\n",
"Still working on them, most of them are private, sorry :(\n\n",
]

info = [
"888b | 888~~ Y88b / ~~~888~~~ This project was build with Next.js 13",
"888b | 888~~ Y88b / ~~~888~~~ This project was build with Next.js 13",
"|Y88b | 888___ Y88b / 888 3D model was handled with three.js",
"| Y88b | 888 Y88b/ 888 Dots grid background was made with p5.js",
"| Y88b | 888 /Y88b 888 ",
"| Y88b| 888 / Y88b 888 ",
"| Y88b | 888 Y88b/ 888 Dots grid background was made with p5.js",
"| Y88b | 888 /Y88b 888 ",
"| Y88b| 888 / Y88b 888 ",
"| Y888 888___ / Y88b 888 \n\n",
]

smallBanner = [
"Name: Bryant",
"Mail: [email protected]",
"",
"=^..^= github </> codepen",
"(°‿°) reddit ,(u°)> twitter",
"",
"Type \"help\" to view the available commands\n\n"
"Type \"help\" to view the available commands\n\n"
]

smallHelp= [
"This is the list of commands you can use: \n",
"banner: Displays the initial greeting\n",
Expand All @@ -99,41 +97,42 @@ const Terminal = () => {
"twitter: Opens twitter in a new tab\n",
"cls: Clears the content of the terminal\n\n",
]

smallProjects = [
"Still working on them, most of them are private, sorry :(\n\n"
]

smallInfo = [
"This project was build with Next.js 13",
"This project was build with Next.js 13",
"3D model was handled with three.js",
"Dots grid background was made with p5.js\n\n",
]
}
else if(language == 'Spanish')
{
banner = [
" _/_/ _/_/_/ _/ _/ _/ _/ _/ _/_/_/_/",
" _/ _/ _/ _/ _/_/ _/ _/ _/_/ _/_/ _/ _/ _/ ",
" _/_/_/_/ _/_/_/ _/ _/ _/ _/ _/ _/ _/ _/_/_/ ",
" _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ ",
"_/ _/ _/_/_/ _/ _/ _/ _/ _/ _/ ",
"",
"________________________________________________",
"| _____________________________ | Nombre: Bryant",
"| [][] _____________________________ [_][_][_] | Correo: [email protected]",
"| [][] [_][_][_] [_][_][_][_] [_][_] [_][_][_] | ",
"| | También puedes checar mis",
"| [][] [][][][][][][][][][][][][][_] [][][][] | redes sociales tecleando",
"| [][] [_][][][][][][][][][][][][][] [][][][] | una de las siguientes opciones:",
"| [][] [__][][][][][][][][][][][][_] [][][][] | ",
"| [][] [___][][][][][][][][][][][__] [__][][] | =^..^= github </> codepen",
"| [_][______________][_] | (°‿°) reddit ,(u°)> twitter",
"|______________________________________________|",
" ,db ",
" jSDl, ",
" DEMP\". ",
" 'YLObP Nombre: Bryant ",
" `YN` Correo: [email protected] ",
" Y\" ",
" Y; También puedes encontrarme en mis redes ",
" ,Lb .,,. ,,ss tecleando unas de las siguientes opciones: ",
" .,dOVEl SDEMILO' ",
" dLOVENUSDEMILOP ",
" ;OP*NUSDP**LOVEb, =^..^= github </> codepen ",
" dEl \"DE; YENUP ",
" YUS :l` YS' (°‿°) reddit ,(u°)> twitter ",
" :*' .,DE. ",
" USD`YI ",
" dDEY O: ║▌║█║▌│║▌║▌█║▌║█║▌│║▌║▌█║▌║ ",
" .EMIb ,E. ",
" ,dILO* NUY ",
" ,ILOVb ,SD' Teclea \"help\" para ver los comandos disponibles\n",
"",
"Teclea \"help\" para ver los comandos disponibles\n\n"
]

help = [
"Esta es la lista de comandos que puedes usar: \n",
"banner Despliega el saludo inicial",
Expand All @@ -147,7 +146,7 @@ const Terminal = () => {
"twitter Abre twitter en una nueva pestaña",
"cls Borra el contenido de la terminal\n\n",
]

projects = [
" _ __ _ __ ___ _________ ,___ ________,",
"( / )( / ) / ()( /( / / /( / ( ",
Expand All @@ -157,26 +156,23 @@ const Terminal = () => {
" (/ \n\n",
"Aún no están dispnibles :(\n\n",
]

info = [
"888b | 888~~ Y88b / ~~~888~~~ Este proyecto fue hecho con Next.js 13",
"888b | 888~~ Y88b / ~~~888~~~ Este proyecto fue hecho con Next.js 13",
"|Y88b | 888___ Y88b / 888 El modelo 3D fue añadido con three.js",
"| Y88b | 888 Y88b/ 888 La cuadrícula de puntos fue hecha con p5.js",
"| Y88b | 888 /Y88b 888 ",
"| Y88b| 888 / Y88b 888 ",
"| Y88b | 888 Y88b/ 888 La cuadrícula de puntos fue hecha con p5.js",
"| Y88b | 888 /Y88b 888 ",
"| Y88b| 888 / Y88b 888 ",
"| Y888 888___ / Y88b 888 \n\n",
]

smallBanner = [
"Nombre: Bryant",
"Correo: [email protected]",
"",
"=^..^= github </> codepen",
"(°‿°) reddit ,(u°)> twitter",
"",
"Type \"help\" to view the available commands\n\n"
"Teclea \"help\" para ver los comandos disponibles\n"
]

smallHelp= [
"Esta es la lista de comandos que puedes usar: \n",
"banner: Despliega el saludo inicial\n",
Expand All @@ -190,15 +186,15 @@ const Terminal = () => {
"twitter: Abre twitter en una nueva pestaña\n",
"cls: Borra el contenido de la terminal\n\n",
]

smallProjects = [
"Aún no están dispnibles :(\n\n",
]

smallInfo = [
"Este proyecto fue hecho con Next.js 13",
"Este proyecto fue hecho con Next.js 13",
"El modelo 3D fue añadido con three.js",
"La cuadrícula de puntos fue hecha con p5.js\n\n",
"La cuadrícula de puntos fue hecha con p5.js\n\n",
]
}
else
Expand Down Expand Up @@ -258,27 +254,27 @@ const Terminal = () => {
const [output, setOutput] = useState(start.join('\n'));

useEffect(() => {
if (preRef.current)
if (preRef.current)
{
preRef.current.scrollTop = preRef.current.scrollHeight;
}

inputRef.current.focus()
}, [output]);

return (
<div ref={preRef} className={styles.terminal} onClick={e=>inputRef.current.focus()}>
<pre style={vt323.style} className={styles.terminal__history}>{output}</pre>
<section className={styles.terminal__prompt}>
<article style={vt323.style}>@guest from portfolio</article>
<article className={styles.terminal__inputRow}>
<p style={vt323.style}>&gt;</p>
<input
<input
ref={inputRef}
style={vt323.style}
type="text"
id='prompt'
value={input}
value={input}
onChange={e=>setInput(e.target.value)}
onKeyDown={e=>{
let newOutput = "";
Expand Down Expand Up @@ -331,4 +327,4 @@ const Terminal = () => {
)
};

export default Terminal
export default Terminal
28 changes: 14 additions & 14 deletions src/css/page.module.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.main
.main
{
display: flex;
flex-direction: column;
Expand All @@ -19,9 +19,9 @@

.main h1
{
font-size: 10vh;
font-size: 10vh;
animation: slider 10s infinite linear;
display:inline-block;
display:inline-block;
}

@keyframes slider
Expand All @@ -37,7 +37,7 @@
.bright{ text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.8em white; }
.bright input { text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.8em white; }
.bright h1{
font-size: 10vh;
font-size: 10vh;
}

.grid
Expand All @@ -57,7 +57,7 @@
width: 35%;
}

.languageContainer
.languageContainer
{
display: flex;
flex-direction: row;
Expand Down Expand Up @@ -106,7 +106,7 @@
.scanner
{
animation: scanning 2s infinite linear;
background-color: rgba(133, 133, 133, 0.266);
background-color: rgba(133, 133, 133, 0.266);
position: fixed;
top: 0;
left: 0;
Expand Down Expand Up @@ -149,15 +149,15 @@
@media only screen and (max-width: 1250px) and (min-width: 760px)
{
.grid { flex-direction: column}
.aside
{
.aside
{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
height: 100%;
height: 100%;
width: 100%;
}
.languageContainer
.languageContainer
{
flex-direction: column;
grid-area: 1 / 1 / 3 / 2;
Expand All @@ -181,7 +181,7 @@
{
height: 18vh;
}
.main h1
.main h1
{
font-size: 7vh;
}
Expand All @@ -202,14 +202,14 @@
{
height: 12vh;
}
.main h1
.main h1
{
font-size: 5vh;
text-align: center;
}

.canvas
{
width: 45%;
}
}
}

0 comments on commit f8f0544

Please sign in to comment.