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 Navbar from "./navbar";
import Footer from "./footer";
import Navbar from "../components/navbar";
import Footer from "../components/footer";
export default function Layout({
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";
export default function About() {
@ -18,24 +18,47 @@ export default function About() {
</p>
<div className="space-y-2">
<p>
I can use the following technologies/frameworks mostly fluently:
I can use the following languages fluently:
</p>
<ul className="list-disc pl-4">
<li>HTML, CSS & JS</li>
<li>TailwindCSS, Bootstrap, UIkit & Cirrus UI</li>
<li>Python</li>
<li>Flask & similar frameworks (like Sanic)</li>
<li>MySQL, PostgreSQL, MongoDB, Redis</li>
</ul>
<div className="flex">
<img alt="Python" src="https://img.shields.io/badge/-Python-18181b?style=for-the-badge&logo=python&logoColor=F43F5E" />
<img alt="SQL" src="https://img.shields.io/badge/-SQL-18181b?style=for-the-badge&logo=postgresql&logoColor=F43F5E" />
<img alt="Javascript" src="https://img.shields.io/badge/-Javascript-18181b?style=for-the-badge&logo=javascript&logoColor=F43F5E" />
<img alt="Typescript" src="https://img.shields.io/badge/-Typescript-18181b?style=for-the-badge&logo=typescript&logoColor=F43F5E" />
<img alt="HTML5" src="https://img.shields.io/badge/-HTML5-18181b?style=for-the-badge&logo=html5&logoColor=F43F5E" />
<img alt="CSS3" src="https://img.shields.io/badge/-CSS3-18181b?style=for-the-badge&logo=css3&logoColor=F43F5E" />
</div>
<p>
And I am currently learning the following technologies/frameworks:
I can use the following frameworks and libraries fluently:
</p>
<ul className="list-disc pl-4">
<li>Go</li>
<li>Rust</li>
<li>React/Next.js</li>
<li>Docker</li>
</ul>
<div className="flex">
<img alt="Tailwind CSS" src="https://img.shields.io/badge/-Tailwind CSS-18181b?style=for-the-badge&logo=tailwindcss&logoColor=F43F5E" />
<img alt="Bootstrap" src="https://img.shields.io/badge/-Bootstrap-18181b?style=for-the-badge&logo=bootstrap&logoColor=F43F5E" />
<img alt="UIkit" src="https://img.shields.io/badge/-UIkit-18181b?style=for-the-badge&logo=uikit&logoColor=F43F5E" />
<img alt="Flask" src="https://img.shields.io/badge/-Flask-18181b?style=for-the-badge&logo=flask&logoColor=F43F5E" />
<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>

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";
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";
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";
export default function Work() {

2
tailwind.config.js
View file

@ -2,7 +2,7 @@ const colors = require('tailwindcss/colors')
module.exports = {
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'
theme: {
colors: {