Paulus/paulus.casa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling for projects - scrollable container only finished

Browse Source
This commit is contained in:
II-Paulus-II 2024-03-27 12:52:00 +00:00
parent 99b0da38dc
commit e83c31b82d
8 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Full Stack Software Developer focused on React JS, Next JS and Express JS frameworks and libraries."/> <meta name="description" content="Full Stack Software Developer focused on React JS, Next JS and Express JS frameworks and libraries. Experienced Games Modder with a number of popular mods hosted on steam."/>
<meta name="google-site-verification" content="Czgvw1nzN6P0A7xQhO7ChFi5P_5dD_XTmq_ZnxTgCSY" />
<title>Paul Hughes - Full Stack Developer</title> <title>Paul Hughes - Full Stack Developer</title>
<link rel="canonical" href="https://paulus.casa"> <link rel="canonical" href="https://paulus.casa">
<link rel="icon" type="image/png" href="/favicon.png" /> <link rel="icon" type="image/png" href="/favicon.png" />

1
src/components/CppProjects.jsx
View File

@ -3,7 +3,6 @@ import "@/styles/projects.css";
import { cppProjects } from "@/data/cppdata.js"; import { cppProjects } from "@/data/cppdata.js";
function CppProjects() { function CppProjects() {
return ( return (
<section id="cpp-projects" className="projectInformationContainer"> <section id="cpp-projects" className="projectInformationContainer">

1
src/components/ModProjects.jsx
View File

@ -2,7 +2,6 @@
import "@/styles/projects.css"; import "@/styles/projects.css";
import { modProjects } from "@/data/modsdata.js"; import { modProjects } from "@/data/modsdata.js";
function ModProjects() { function ModProjects() {
return ( return (
<section id="modprojects" className="projectInformationContainer"> <section id="modprojects" className="projectInformationContainer">

0
src/pages/Expertise.jsx → src/pages/ExpertisePage.jsx
View File

0
src/pages/Home.jsx → src/pages/HomePage.jsx
View File

0
src/pages/Projects.jsx → src/pages/ProjectsPage.jsx
View File

3
src/styles/App.css
View File

@ -12,7 +12,7 @@ body {
height: 100vh; height: 100vh;
max-width: 100vw; max-width: 100vw;
font-family: monospace; font-family: monospace;
overflow-y: none; overflow-y: hidden;
} }
a { a {
@ -33,6 +33,7 @@ a:-webkit-any-link {
flex-direction: column; flex-direction: column;
background: linear-gradient(109.6deg, rgb(10, 20, 20) 11.2%, rgb(11, 132, 145) 91.1%); background: linear-gradient(109.6deg, rgb(10, 20, 20) 11.2%, rgb(11, 132, 145) 91.1%);
width: 100%; width: 100%;
height: 100%;
min-height: 100%; min-height: 100%;
} }

4
src/styles/projects.css
View File

@ -1,5 +1,6 @@
.projectArticleContainer { .projectArticleContainer {
min-height: 100vh; min-height: 100vh;
height: 100%;
width: 100%; width: 100%;
padding: 4.5rem 2rem; padding: 4.5rem 2rem;
color: white; color: white;
@ -92,8 +93,9 @@
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: 0.5rem; margin: 0.5rem;
padding-bottom: 4rem;
width: 100%; width: 100%;
box-sizing: content-box; height: 100%;
overflow-y: scroll; overflow-y: scroll;
} }