generated from gabrielduete/frontend-template-nextjs
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #32 from gabrielduete/feat/create-section-about
- Loading branch information
Showing
11 changed files
with
139 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,26 @@ | ||
import { render, screen } from '@testing-library/react' | ||
|
||
import About from './index.page' | ||
|
||
describe('About page', () => { | ||
it('should render the title, subtitle, and content', () => { | ||
render(<About />) | ||
|
||
expect(screen.getByText('Sandevistan')).toBeInTheDocument() | ||
expect( | ||
screen.getByText(/My Virtual Library of Software Engineering Studies./i) | ||
).toBeInTheDocument() | ||
}) | ||
|
||
it('should render the GitHub repository link', () => { | ||
render(<About />) | ||
|
||
const linkElement = screen.getByText('GitHub repository') | ||
|
||
expect(linkElement).toBeInTheDocument() | ||
expect(linkElement).toHaveAttribute( | ||
'href', | ||
'https://github.com/gabrielduete/sandevistan' | ||
) | ||
}) | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,42 @@ | ||
import Layout from '../../src/layout/index' | ||
import * as S from './styles' | ||
|
||
const About = () => { | ||
return ( | ||
<Layout> | ||
<section> | ||
<h1>Sandevistan</h1> | ||
<S.SubTitle>About</S.SubTitle> | ||
<S.Content> | ||
<p> | ||
My Virtual Library of Software Engineering Studies. This project | ||
aims to document all my studies that will be stored on this Notion | ||
page. It will be automatically updated whenever I make any changes. | ||
</p> | ||
<S.Image | ||
src='https://cdn.discordapp.com/attachments/778024116140769331/1169037507028066365/SandevistanApogee.webp?ex=6553f205&is=65417d05&hm=cc4b60e4129c26e12d1e2bbe59f163a06f04bfb44e0af0d14c15f44cd8e64e57&' | ||
alt='Militech apogee Sandevistan' | ||
/> | ||
<p> | ||
The name of the project was inspired by the Sandevistan Operating | ||
System implant from the Cyberpunk 2077 game. It was my favorite | ||
implant during my gameplay. This implant can "stop" time | ||
and make everything slow, except the user, which is somewhat similar | ||
to this project, as if I stopped time to go back and review | ||
something I studied and left documented. I was out of ideas for what | ||
name to put, and this came to mind. | ||
</p> | ||
<a | ||
href='https://github.com/gabrielduete/sandevistan' | ||
target='_blank' | ||
rel='noreferrer' | ||
> | ||
GitHub repository | ||
</a> | ||
</S.Content> | ||
</section> | ||
</Layout> | ||
) | ||
} | ||
|
||
export default About |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
import styled from 'styled-components' | ||
|
||
export const SubTitle = styled.h2` | ||
font-size: 34px; | ||
font-weight: 100; | ||
` | ||
|
||
export const Content = styled.div` | ||
margin-top: var(--spacing-basic); | ||
display: flex; | ||
flex-direction: column; | ||
` | ||
|
||
export const Image = styled.img` | ||
align-self: center; | ||
` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,27 @@ | ||
import { createGlobalStyle } from 'styled-components' | ||
|
||
const TextsStyle = createGlobalStyle` | ||
h1, h2, h3, h4, h5, h6 { | ||
font-size: 64px; | ||
letter-spacing: 10px; | ||
font-weight: 700; | ||
} | ||
p{ | ||
font-size: 20px; | ||
font-weight: 500; | ||
margin: var(--spacing-basic) 0; | ||
} | ||
a{ | ||
color: var(--green-white); | ||
text-decoration: none; | ||
transition: 0.3s; | ||
} | ||
a:hover{ | ||
color: var(--white); | ||
} | ||
` | ||
|
||
export default TextsStyle |