Commit be0d6dcd authored by David Rhoderick's avatar David Rhoderick
Browse files

Adding remaining pages and editing to start showing the right content.

parent 9e8467a9
Pipeline #19 failed with stages
in 0 seconds
.navbar {
display: flex;
justify-content: space-between;
// max-width: 1040px;
margin: 0 5rem 0 2rem;
// padding: 3rem;
padding: 2rem 0;
align-items: center;
......@@ -11,7 +9,7 @@
margin: 0 2rem;
}
@media screen and (max-width: 490px) {
@media screen and (max-width: 540px) {
flex-direction: column;
}
}
......@@ -20,7 +18,7 @@
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 1.25rem;
font-size: 1.5rem;
}
.menu {
......@@ -28,7 +26,7 @@
list-style: none;
align-items: center;
@media screen and (max-width: 490px) {
@media screen and (max-width: 540px) {
margin-top: 1rem;
}
......
import Link from 'next/link'
import Image from 'next/image'
import styles from './piece.module.scss'
export default function Piece ({image, height, width, link, fullWidth, last}) {
return (
<Link href={link}>
<a className={fullWidth ? styles.pieceFullWidth : (last ? styles.pieceLast : styles.piece)}>
<img src={image} />
</a>
</Link>
)
}
\ No newline at end of file
.piece, .pieceFullWidth, .pieceLast {
display: block;
position: relative;
padding: 2rem 4rem;
border: 1px solid #ff5c8f;
width: calc(50% - 1rem);
height: 20rem;
padding: 2rem;
margin: 0 0 2rem;
display: flex;
justify-content: center;
align-items: center;
img {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
object-fit: contain;
}
}
.pieceFullWidth {
width: 100%;
}
.pieceLast {
margin: {
left: auto;
right: auto;
}
}
\ No newline at end of file
import styles from './portfolio.module.scss'
export default function Portfolio ({children}) {
return (
<div className={styles.portfolio}>{children}</div>
)
}
\ No newline at end of file
.portfolio {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
\ No newline at end of file
......@@ -6,9 +6,16 @@ export default function About() {
return (
<Container>
<Head>
<title>About</title>
<title>About me</title>
</Head>
<h1 className={styles.heading}>About page</h1>
<h1>About me</h1>
<p>Tamara is a digital designer based in Serbia, Novi Sad. She enjoys learning and exploring design in all of its applications. From creating graphic design elements for print, to user friendly websites, she tries to connect aestetics with function. For years shes been involved with non-profit organizations where she would help spread their mission while creating various design assets. Shes been involved with 3d printing start-up for years, where she would create 3d models, manage social media and build a bradning from the start. Most recently, shes been mosly involved with creating user friendly web pages for several public institutions. To check her full portfolio, click here.</p>
<hr className={styles.hardrule} />
<img src="/logo.svg" className={styles.logo} />
</Container>
)
}
.heading {
color: blue;
.hardrule {
background-color: #ff5c8f;
}
\ No newline at end of file
import Head from 'next/head'
import Container from '../components/container'
export default function Contact() {
return (
<>
<Container>
<Head>
<title>Contact</title>
</Head>
<h1>Contact page</h1>
</>
<h2>Coming soon...</h2>
</Container>
)
}
import Head from 'next/head'
import Container from '../components/container'
export default function Icons () {
return (
<Container>
<Head>
<title>Icons</title>
</Head>
<h1>Icons</h1>
<h2>Coming soon...</h2>
</Container>
)
}
\ No newline at end of file
......@@ -9,6 +9,8 @@ export default function Illustration () {
</Head>
<h1>Illustration</h1>
<h2>Coming soon...</h2>
</Container>
)
}
\ No newline at end of file
import Head from 'next/head'
import Link from 'next/link'
import Container from '../components/container'
import Portfolio from '../components/portfolio'
import Piece from '../components/piece'
export default function Work() {
return (
......@@ -9,25 +10,19 @@ export default function Work() {
<title>Work</title>
</Head>
<Link href="/marthas-vineyard-museum">
<a>Museum</a>
</Link>
<Portfolio>
<Piece image="/mv-museum-outlined.png" height={273} width={721} link="/marthas-vineyard-museum" fullWidth={true} />
<Link href="/the-exodus-institute">
<a>Exodus</a>
</Link>
<Piece image="/exodus.png" width={1318} height={605} link="/the-exodus-institute" />
<Link href="/national-widowers-organization">
<a>NWO</a>
</Link>
<Piece image="/nwo.png" width={504} height={669} link="/national-widowers-organization" />
<Link href="/illustration">
<a>Illustration</a>
</Link>
<Piece image="/illustration.png" width={546} height={772} link="/illustration" />
<Link href="/microbe-ninja">
<a>Microbe Ninja</a>
</Link>
<Piece image="/microbe-ninja.png" width={1169} height={690} link="/microbe-ninja" />
<Piece image="/icon-set.png" width={1142} height={284} link="/icons" last={true} />
</Portfolio>
</Container>
)
}
......@@ -9,6 +9,8 @@ export default function MarthasVineyardMuseum () {
</Head>
<h1>Martha's Vineyard Museum</h1>
<h2>Coming soon...</h2>
</Container>
)
}
\ No newline at end of file
......@@ -9,6 +9,8 @@ export default function MicrobeNinja () {
</Head>
<h1>Microbe Ninja</h1>
<h2>Coming soon...</h2>
</Container>
)
}
\ No newline at end of file
......@@ -9,6 +9,8 @@ export default function NationalWidowersOrganization () {
</Head>
<h1>National Widowers' Organization</h1>
<h2>Coming soon...</h2>
</Container>
)
}
\ No newline at end of file
......@@ -9,6 +9,8 @@ export default function TheExodusInstitute () {
</Head>
<h1>The Exodus Institute</h1>
<h2>Coming soon...</h2>
</Container>
)
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment