Skip to content

Commit

Permalink
slider added
Browse files Browse the repository at this point in the history
  • Loading branch information
@AB10110F
AB10110F committed Aug 27, 2023
1 parent 65760fa commit acae38b
Show file tree
Hide file tree
Showing 5 changed files with 64 additions and 44 deletions.
10 changes: 6 additions & 4 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
import React, {useState} from 'react';
import styles from '../css/page.module.css';
import Terminal from '@/components/Terminal';
import Typewriter from '@/components/Typewriter';
import Model from '@/components/Model';
import CrtSwitch from '@/components/CrtSwitch';
import { dotFont } from '../fonts/fonts'
import LanguageSwitch from '@/components/LanguageSwitch';
import { useLanguageContext } from './context/language';
import Image from 'next/image';
Expand All @@ -21,11 +21,11 @@ function Home() {
let title:string
if(language == 'English')
{
title = 'Front-End Developer'
title = 'DUST AND ECHOES'
}
else if(language == 'Spanish')
{
title = 'Desarrollador Front-End'
title = 'POLVO Y ECOS'
}
else
{
Expand All @@ -36,7 +36,9 @@ function Home() {
<main className={text}>
<Image src="/scanlines.jpg" width={500} height={500} className={scanlines} alt="image" />
<span className={scanner}></span>
<Typewriter text={title}/>
<section className={styles.header}>
<h1 style={dotFont.style}>{title}</h1>
</section>
<div className={styles.grid}>
<Terminal/>
<aside className={styles.aside}>
Expand Down
26 changes: 24 additions & 2 deletions src/components/Terminal.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ const Terminal = () => {
else if(language == 'Spanish')
{
banner = [
" _/_/ _/_/_/ _/ _/ _/ _/ _/ _/_/_/_/",
/* " _/_/ _/_/_/ _/ _/ _/ _/ _/ _/_/_/_/",
" _/ _/ _/ _/ _/_/ _/ _/ _/_/ _/_/ _/ _/ _/ ",
" _/_/_/_/ _/_/_/ _/ _/ _/ _/ _/ _/ _/ _/_/_/ ",
" _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ _/ ",
Expand All @@ -130,7 +130,29 @@ const Terminal = () => {
"| [][] [___][][][][][][][][][][][__] [__][][] | =^..^= github </> codepen",
"| [_][______________][_] | (°‿°) reddit ,(u°)> twitter",
"|______________________________________________|",
"",
"", */
" . . ",
" * . . . . * . ",
" . . . . . . . ",
" o . . ",
" . . . . ",
" 0 . ",
" . . , , , ",
" . \\ . . ",
" . \\ , ",
" . o . . . . ",
" . \\ , . . ",
" #\\##\\# . . . ",
" # #O##\\### . . ",
" . #*# #\\##\\### . , ",
" . ##*# #\\##\\## . . ",
" . ##*# #o##\\# . , . ",
" . *# #\\# . . . , ",
" \\ . . ",
"____^/\\___^--____/\\____O______________/\\/\\---/\\___________---______________",
" /\\^ ^ ^ ^ ^^ ^ '\\ ^ ^ --- ",
" -- - -- - - --- __ ^ ",
" -- __ ___-- ^ ^ -- __ ",
"Teclea \"help\" para ver los comandos disponibles\n\n"
]

Expand Down
29 changes: 0 additions & 29 deletions src/components/Typewriter.tsx
View file

This file was deleted.

41 changes: 33 additions & 8 deletions src/css/page.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,42 @@
{
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
color: white;
padding: 30px;
}

.header
{
margin: 0 0 25px 0;
border: 1px solid rgb(255,255,255);
overflow-x: hidden;
display: flex;
align-items: center;
}

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

@keyframes slider
{
0%{
transform: translateX(-100%);
}

100%{
transform: translateX(100vw);
}
}
.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;
margin: 0 0 2% 0
}

.grid
Expand All @@ -41,7 +61,7 @@
{
display: flex;
flex-direction: row;
border: 3px solid rgb(255, 255, 255);
border: 1px solid rgb(255, 255, 255);
height: 40%;
animation: right 1s ease;
}
Expand All @@ -54,7 +74,7 @@

.bars
{
border: 3px solid rgb(255, 255, 255);
border: 1px solid rgb(255, 255, 255);
height: 40%;
animation: right 1.5s ease;
background: repeating-linear-gradient(90deg, #ffffff 0, #ffffff 3%, transparent 0, transparent 50%), repeating-linear-gradient(180deg, #ffffff 0, #ffffff 3%, transparent 0, transparent 50%);
Expand All @@ -65,7 +85,7 @@

.crtSwitch
{
border: 3px solid rgb(255, 255, 255);
border: 1px solid rgb(255, 255, 255);
height: 20%;
display: flex;
justify-content: center;
Expand Down Expand Up @@ -157,10 +177,13 @@
{
height: 100%;
}
.header
{
height: 18vh;
}
.main h1
{
font-size: 7vh;
height: 18vh;
}
}

Expand All @@ -175,12 +198,14 @@
width: 100%;
height: 150%;
}
.header
{
height: 12vh;
}
.main h1
{
font-size: 5vh;
text-align: center;
margin: 0 0 7% 0;
height: 12vh;
}

.canvas
Expand Down
2 changes: 1 addition & 1 deletion src/css/terminal.module.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
overflow-X:hidden;
color: white;
font-size: 3vh;
border: 3px solid rgb(255, 255, 255);
border: 1px solid rgb(255, 255, 255);
}

.terminal__history
Expand Down

0 comments on commit acae38b

Please sign in to comment.