andrew/asimonson1125.github.io
1
0
Fork 0
mirror of https://github.com/asimonson1125/asimonson1125.github.io.git synced 2026-02-25 05:09:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

updated project CSS

Browse Source
This commit is contained in:
Andrew Simonson
2021-09-27 13:04:08 -04:00
parent 903af28195
commit 7e6c8aa589
7 changed files with 46722 additions and 8890 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
OLD.css
View File

@@ -1,50 +0,0 @@
body{
background-image: url('https://i.pinimg.com/originals/d6/c3/ac/d6c3ac09021dbc0cda8ee27837d2c795.png')
}
h1{
background-color: aqua;
margin-bottom: 0px;
}
.navBar ul{
}
.navBar ul li{
float: left;
display: block;
padding: 0px;
background-color: rgb(156,49,45,.5);
border-top: 3px black solid;
border-bottom: 3px black solid;
border-right: 3px black solid;
}
.navBar ul li:first-child{
border-left: 3px black solid;
}
.navBar ul li:hover{
background-color: rgb(156,49,45,.8);
}
.navBar ul li a{
color: white;
padding: 40px;
line-height: 30px;
}
.navBar{
margin-bottom: 40px;
}
.foreground{
position: absolute;
margin-left: -10px;
padding-left: 10px;
width:110%;
background-color: rgb(156,49,45,.5);
}
img{
margin: 10px;
}
p{
color: #ffffff;
}
a {
color: #a0a0a0a0;
text-decoration: none;
}

43
OLD.html
View File

@@ -1,43 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Andrew Simonson Homepage</title>
<link href="homepage.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav class="navBar">
<h1>Andrew Simonson</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="resume/firstSemesterResume.pdf">Resume</a></li>
<li><a href="next.html">next</a></li>
</ul>
</nav>
<br/><br/>
<div class='foreground'>
<br />
<h2>A biography</h2>
<p>I'm primarily an <strong>extremely</strong> forgetful person
who, when productive, rewrites fate in favor of my own
short-term interests, or rather, whatever half-assed mistake
results from the attempt.</p>
<p>When I'm not <del>losing my mind</del>wasting time,
you can find me building discord bots, playing chess,
or actually exercising, doing things like, idk, playing
racquetball or soccer.</p>
<p>I'm a first year student at <strong>Rochester Institute of Technology</strong>
in the <b>Computing Exploration</b> program. I'm from Hagerstown,
Maryland.</p>
<a href="https://github.com/asimonson1125">
<img src="https://avatars.githubusercontent.com/u/58455242?v=4"
alt="My github profile picture">
<p>My Github</p>
</a>
<p>Instagram: <a href="https://www.instagram.com/an_a.simonson/">@an_a.simonson</a></p>
<p>RIT Email: abs1907@rit.edu</p>
<p>Informal Email: asimonson1125@gmail.com</p>
</div>
</body>
</html>

37479
site/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

1
site/package.json
View File

@@ -9,6 +9,7 @@
"@testing-library/user-event": "^12.1.10", "@testing-library/user-event": "^12.1.10",
"react": "^17.0.2", "react": "^17.0.2",
"react-dom": "^17.0.2", "react-dom": "^17.0.2",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.3", "react-scripts": "4.0.3",
"web-vitals": "^1.0.1" "web-vitals": "^1.0.1"
}, },

55
site/src/App.css
View File

@@ -90,37 +90,51 @@ a {
max-height: 20rem; max-height: 20rem;
} }
.projectList{ .projectList{
float:left; padding: 0;
background-color: rgba(11, 17, 26, 0.5); display: block;
border: solid rgba(34, 52, 75, 0.5) .3rem; margin-left:auto;
width: calc(95% - .5rem); margin-right:auto;
width: 85rem;
background-color: rgba(0, 0, 0, 0.5);
border: solid rgba(156,49,45,.2) .3rem;
text-align: center;
} }
.project{ .project{
background-color: #25282c; background-image: radial-gradient(ellipse at top, #ff000036,transparent), radial-gradient(ellipse at bottom,#25282c,transparent), radial-gradient(ellipse at right,#25282c,transparent), radial-gradient(ellipse at left,#25282c,transparent);
display: inline; display: inline-block;
float: left; text-align: left;
padding: .5rem; margin: 1rem;
margin: 2rem; width: 25rem;
width: 20rem;
height: 15rem; height: 15rem;
border: .3rem black solid; border: .3rem black solid;
} }
.project h3{ .project h3{
border-bottom: black solid .2rem; border-bottom: black solid .2rem;
} }
.project p{
color:rgb(212, 212, 212);
}
.project img{
margin-top: auto;
height:3rem;
}
.topBox{ .topBox{
height: 70%; padding-left: 1rem;
padding-right: 1rem;
height: 65%;
} }
.bottomBox{ .bottomBox{
height: auto; height: auto;
padding-left: 1rem;
padding-right: 1rem;
} }
.bottomBox a{ .bottomBox a{
vertical-align: middle; vertical-align: middle;
} }
.project a{ .project a img, .project a p{
padding: .5rem; padding: .5rem;
border: solid black .2rem; filter: invert(18%) sepia(6%) saturate(5428%) hue-rotate(314deg) brightness(95%) contrast(97%);
background-color: rgb(80, 80, 80);
} }
.footer{ .footer{
display: block; display: block;
@@ -134,9 +148,16 @@ a {
margin-right: auto; margin-right: auto;
table-layout: fixed; table-layout: fixed;
} }
.socials td{
width:15%;
}
.socials img{ .socials img{
height: 2rem; height: 2rem;
margin-right: 2rem;
}
@media screen and (max-width: 1500px){
.socials{
margin-left: auto;
}
.projectList{
width: 95%;
}
} }

15
site/src/Projects.js
View File

@@ -1,30 +1,31 @@
import ProjectList from './componets/ProjectList' import ProjectList from './componets/ProjectList'
import Project from './componets/Project' import Project from './componets/Project'
import github from './assets/github.svg'
export default function Projects(){ export default function Projects(){
return( return(
<> <>
<h2>Projects</h2> <h2>Projects</h2>
<ProjectList> <ProjectList>
<Project status='WIP' title='Digital Portfolio' link='https://github.com/asimonson1125/asimonson1125.github.io' linkText='view code'> <Project status='WIP' title='Digital Portfolio' link='https://github.com/asimonson1125/asimonson1125.github.io' linkText={<img alt='github' src={github} />}>
A personal portfolio site made with React.js A personal portfolio site made with React.js
</Project> </Project>
<Project status='WIP' title='Slate' link='https://github.com/asimonson1125/Slate' linkText='view code'> <Project status='WIP' title='Slate' link='https://github.com/asimonson1125/Slate' linkText={<img alt='github' src={github} />}>
Slate is a thing Slate is a thing
</Project> </Project>
<Project status='WIP' title='Querist' link='https://github.com/asimonson1125/Querist' linkText='view code'> <Project status='WIP' title='Querist' link='https://github.com/asimonson1125/Querist' linkText={<img alt='github' src={github} />}>
A modular discord bot to manage class discord servers. A modular discord bot to manage class discord servers.
</Project> </Project>
<Project status='Complete' title='NationsGame Rolls Simulator' link='https://github.com/asimonson1125/NG-Rolls-Simulator' linkText='view code'> <Project status='Complete' title='NationsGame Rolls Simulator' link='https://github.com/asimonson1125/NG-Rolls-Simulator' linkText={<img alt='github' src={github} />}>
A simulator for the browser game, NationsGame, to analyze unit composition and predict in-game victors and unit statistics. A simulator for the browser game, NationsGame, to analyze unit composition and predict in-game victors and unit statistics.
</Project> </Project>
<Project status='Complete' title='Humans vs. Zombies Bot' link='https://github.com/asimonson1125/HvZ-bot' linkText='view code'> <Project status='Complete' title='Humans vs. Zombies Bot' link='https://github.com/asimonson1125/HvZ-bot' linkText={<img alt='github' src={github} />}>
A Discord bot to handle role management and statistics for RIT's Humans vs. Zombies games. A Discord bot to handle role management and statistics for RIT's Humans vs. Zombies games.
</Project> </Project>
<Project status='Incomplete' title='WallCycle' link='https://github.com/asimonson1125/WallCycle' linkText='view code'> <Project status='Incomplete' title='WallCycle' link='https://github.com/asimonson1125/WallCycle' linkText={<img alt='github' src={github} />}>
A GNOME extension that cycles through a folder of wallpapers A GNOME extension that cycles through a folder of wallpapers
</Project> </Project>
<Project status='Complete' title='WinKeylogger' link='https://github.com/asimonson1125/WinKeylogger' linkText='view code'> <Project status='Complete' title='WinKeylogger' link='https://github.com/asimonson1125/WinKeylogger' linkText={<img alt='github' src={github} />}>
A C++ keylogger for windows based off a udemy course with my custom modifications and powershell script. A C++ keylogger for windows based off a udemy course with my custom modifications and powershell script.
</Project> </Project>
</ProjectList> </ProjectList>

17969
site/yarn.lock
View File

File diff suppressed because it is too large Load Diff