JoshS/Portfolio-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Move layout file to layout folder (correctly this time)

Browse source 
Last time I forgot to change the tailwind config, whoops. I also edited my about me page.
This commit is contained in:
Robert S 2021-12-28 14:51:32 +01:00
parent e7d15e98de
commit 2a3e233159
No known key found for this signature in database
GPG key ID: 0F703E143299812C
6 changed files with 45 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/layout.js → layout/layout.js
View file

@ -1,6 +1,6 @@
import Head from 'next/head'; import Head from 'next/head';
import Navbar from "./navbar"; import Navbar from "../components/navbar";
import Footer from "./footer"; import Footer from "../components/footer";
export default function Layout({ export default function Layout({
children, children,

55
pages/about.js
View file

@ -1,4 +1,4 @@
import Layout from "../components/layout"; import Layout from "../layout/layout";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
export default function About() { export default function About() {
@ -18,24 +18,47 @@ export default function About() {
</p> </p>
<div className="space-y-2"> <div className="space-y-2">
<p> <p>
I can use the following technologies/frameworks mostly fluently: I can use the following languages fluently:
</p> </p>
<ul className="list-disc pl-4"> <div className="flex">
<li>HTML, CSS & JS</li> <img alt="Python" src="https://img.shields.io/badge/-Python-18181b?style=for-the-badge&logo=python&logoColor=F43F5E" />
<li>TailwindCSS, Bootstrap, UIkit & Cirrus UI</li> <img alt="SQL" src="https://img.shields.io/badge/-SQL-18181b?style=for-the-badge&logo=postgresql&logoColor=F43F5E" />
<li>Python</li> <img alt="Javascript" src="https://img.shields.io/badge/-Javascript-18181b?style=for-the-badge&logo=javascript&logoColor=F43F5E" />
<li>Flask & similar frameworks (like Sanic)</li> <img alt="Typescript" src="https://img.shields.io/badge/-Typescript-18181b?style=for-the-badge&logo=typescript&logoColor=F43F5E" />
<li>MySQL, PostgreSQL, MongoDB, Redis</li> <img alt="HTML5" src="https://img.shields.io/badge/-HTML5-18181b?style=for-the-badge&logo=html5&logoColor=F43F5E" />
</ul> <img alt="CSS3" src="https://img.shields.io/badge/-CSS3-18181b?style=for-the-badge&logo=css3&logoColor=F43F5E" />
</div>
<p> <p>
And I am currently learning the following technologies/frameworks: I can use the following frameworks and libraries fluently:
</p> </p>
<ul className="list-disc pl-4"> <div className="flex">
<li>Go</li> <img alt="Tailwind CSS" src="https://img.shields.io/badge/-Tailwind CSS-18181b?style=for-the-badge&logo=tailwindcss&logoColor=F43F5E" />
<li>Rust</li> <img alt="Bootstrap" src="https://img.shields.io/badge/-Bootstrap-18181b?style=for-the-badge&logo=bootstrap&logoColor=F43F5E" />
<li>React/Next.js</li> <img alt="UIkit" src="https://img.shields.io/badge/-UIkit-18181b?style=for-the-badge&logo=uikit&logoColor=F43F5E" />
<li>Docker</li> <img alt="Flask" src="https://img.shields.io/badge/-Flask-18181b?style=for-the-badge&logo=flask&logoColor=F43F5E" />
</ul> <img alt="Falcon" src="https://img.shields.io/badge/-Falcon-18181b?style=for-the-badge&logo=falcon&logoColor=F43F5E" />
<img alt="React" src="https://img.shields.io/badge/-React-18181b?style=for-the-badge&logo=react&logoColor=F43F5E" />
<img alt="Next.js" src="https://img.shields.io/badge/-Next.js-18181b?style=for-the-badge&logo=next.js&logoColor=F43F5E" />
<img alt="Alpine.js" src="https://img.shields.io/badge/-Alpine.js-18181b?style=for-the-badge&logo=alpine.js&logoColor=F43F5E" />
<img alt="Prisma" src="https://img.shields.io/badge/-Prisma-18181b?style=for-the-badge&logo=prisma&logoColor=F43F5E" />
</div>
<p>
Miscellaneous tools that I use:
</p>
<div className="flex">
<img alt="Linux" src="https://img.shields.io/badge/-Linux-18181b?style=for-the-badge&logo=linux&logoColor=F43F5E" />
<img alt="Git" src="https://img.shields.io/badge/-Git-18181b?style=for-the-badge&logo=git&logoColor=F43F5E" />
<img alt="NGINX" src="https://img.shields.io/badge/-NGINX-18181b?style=for-the-badge&logo=nginx&logoColor=F43F5E" />
<img alt="Travis CI" src="https://img.shields.io/badge/-Travis CI-18181b?style=for-the-badge&logo=travisci&logoColor=F43F5E" />
</div>
<p>
Currently learning:
</p>
<div className="flex">
<img alt="Go" src="https://img.shields.io/badge/-Go-18181b?style=for-the-badge&logo=go&logoColor=F43F5E" />
<img alt="Rust" src="https://img.shields.io/badge/-Rust-18181b?style=for-the-badge&logo=rust&logoColor=F43F5E" />
<img alt="Docker" src="https://img.shields.io/badge/-Docker-18181b?style=for-the-badge&logo=docker&logoColor=F43F5E" />
</div>
</div> </div>
</div> </div>
</div> </div>

2
pages/contact.js
View file

@ -1,4 +1,4 @@
import Layout from "../components/layout"; import Layout from "../layout/layout";
import {motion} from "framer-motion"; import {motion} from "framer-motion";
export default function Contact() { export default function Contact() {

2
pages/index.js
View file

@ -1,4 +1,4 @@
import Layout from "../components/layout"; import Layout from "../layout/layout";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
export default function Home() { export default function Home() {

2
pages/work.js
View file

@ -1,4 +1,4 @@
import Layout from "../components/layout"; import Layout from "../layout/layout";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
export default function Work() { export default function Work() {

2
tailwind.config.js
View file

@ -2,7 +2,7 @@ const colors = require('tailwindcss/colors')
module.exports = { module.exports = {
mode: 'jit', mode: 'jit',
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './layout/**/*.{js,ts,jsx,tsx}'],
darkMode: false, // or 'media' or 'class' darkMode: false, // or 'media' or 'class'
theme: { theme: {
colors: { colors: {