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

Merge branch 'master' into AboutMeDesktop

Browse Source
This commit is contained in:
Andrew Simonson
2021-09-30 13:24:30 -04:00
committed by GitHub
parent 12271a2391 052df9795c
commit ed0741992e
7 changed files with 501 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/App.css
View File

@@ -1,3 +1,4 @@
@import "~react-image-gallery/styles/css/image-gallery.css";
html, body{
background-color: #1b1f27;
overflow-x: hidden;
@@ -89,6 +90,19 @@ a {
line-height: 1.5em;
max-width: min(95%, 40rem);
}
.centerContent{
margin-top: 10vh;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#Vertical{
margin-left: auto;
margin-right: auto;
width:0;
height: 50rem;
border-right: rgb(156,49,45) solid 1px;
}
.sideimg{
float:right;
top: 0;
@@ -97,10 +111,14 @@ a {
max-width: min(40rem,80%);
max-height: min(30rem,100%);
}
#skills{
float: right;
width: 45%;
.col{
float:left;
margin-right: 3rem;
width: calc(50% - 3rem);
}
.carousel-container{
margin-left: 10%;
max-width: 80%;
}
.skills{
display: inline-block;
@@ -193,6 +211,10 @@ a {
height: 2rem;
margin-bottom: 1rem;
filter: invert(29%) sepia(20%) saturate(1786%) hue-rotate(314deg) brightness(101%) contrast(110%);
transition: .2s;
}
.socials img:hover{
opacity: .5;
}
#vertLine{
border-right: 1px solid rgb(156,49,45);
@@ -210,6 +232,10 @@ a {
body{
background-size: auto 100%;
}
.col{
width: 90%;
margin-bottom: 3rem;
}
#aboutMe{
float: none;
display:block;

20
src/componets/Carousel.js
View File

@@ -1,23 +1,15 @@
import React from "react";
import { Carousel } from "react-responsive-carousel";
import "react-responsive-carousel/lib/styles/carousel.min.css";
import ImageGallery from 'react-image-gallery';
export default function ResponsiveCarousel(props) {
let slides = [];
props.children.forEach(x => {
slides.push (
<div>
<img src={x[0]} alt={x[1] } />
<p className="legend">{x[1]}</p>
</div>
)
});
let items = [{
original: 'https://picsum.photos/id/1018/1000/600/',
description: "greg"
}]
return (
<div>
<div className="carousel-container">
<Carousel infiniteLoop autoPlay useKeyboardArrows centerMode dynamicHeight>
{slides}
</Carousel>
<ImageGallery items={props.children}/>
</div>
</div>
);

87
src/pages/AboutMe.js
View File

@@ -8,11 +8,12 @@ import img5 from '../assets/photos/hagerstownVex2019.jpg'
import img6 from '../assets/photos/WeThePeople.jpg'
export default function AboutMe() {
return (
<>
<div id='aboutMe' data-aos='fade-up'>
<h2>About Me</h2>
export default function AboutMe(){
return(
<>
<div className='col'>
<div id='aboutMe' data-aos='fade-up'>
<h2>About Me</h2>
<p>I'm a first year student at <strong>Rochester Institute of Technology </strong>
in the <b>Computing Exploration</b> program and am pursuing a career in data
science with a focus on predictive analytics.
@@ -21,31 +22,55 @@ export default function AboutMe() {
building discord bots, playing chess, reading up on some recent geopolitical
development, or in my dorm with a fat pint of ice cream.
</p>
<p>My main goal in life is to always strive to make the biggest positive impact on
the world that I can. Regardless of whether that is done behind the scenes or
on the front lines, that is how I'll know I have purpose.
</p>
<p>I also value the ability to understand the world at large. That awareness is
what grounds a person into reality and gives their place in the world value.
When I learn about geography or international politics, my favorite parts are
when I can understand the causality to shifts both in history and the present
because it presents an inside look into how we can learn from related events.
</p>
<p>There is one single special interest that makes me unique, so it is my goal to
be the one with a collection of distinct interests and a knack for bridging
the gap between them.
</p>
</div>
<div id='skills' data-aos='fade-up'>
<h2>Skills</h2>
<Skills>{['Python', 'JavaScript', 'Java', 'C++', 'SQL', 'SQLite', 'Sequelize', 'SQLAlchemy',
'HTML', 'CSS', 'Object-Oriented Programming', 'Git', 'Github', 'Linux', 'Raspberry Pi',
'LaTeX', 'Flask', 'DOM Scraping', 'Google API', 'React.js', 'Node.js']}</Skills>
</div>
<MyCarousel className='carousel' data-aos='fade-up'>
{[[img1, "Me, chilling"], [img2, "VEX Robotics 2019"], [img3, "Academic Team county championships"],
[img5, "Competing at a Hagerstown VEX competition"], [img6, "We The People State Champions"]]}
</MyCarousel>
</>
<p>My main goal in life is to always strive to make the biggest positive impact on
the world that I can. Regardless of whether that is done behind the scenes or
on the front lines, that is how I'll know I have purpose.
</p>
<p>I also value the ability to understand the world at large. That awareness is
what grounds a person into reality and gives their place in the world value.
When I learn about geography or international politics, my favorite parts are
when I can understand the causality to shifts both in history and the present
because it presents an inside look into how we can learn from related events.
</p>
<p>There is no one single special interest that makes me unique, so it is my goal to
be the one with a collection of distinct interests and a knack for bridging
the gap between them.
</p>
</div>
</div>
<div className='col'>
<div id='skills' data-aos='fade-up'>
<h2>Skills</h2>
<Skills>{['Python','JavaScript','Java','C++','SQL','SQLite','Sequelize','SQLAlchemy',
'HTML','CSS','Object-Oriented Programming','Git','Github','Linux','Raspberry Pi',
'LaTeX','Flask','DOM Scraping','Google API','React.js','Node.js']}</Skills>
</div>
<MyCarousel className='carousel' data-aos='fade-up'>
{[{original: img1,
description: "Me, chilling"
},
{
original:img2,
description: "VEX Robotics 2019"
},
{
original:img3,
description: "Academic Team county championships"
},
{
original: img4,
description:"at RIT"
},
{
original: img5,
description: "Competing at a Hagerstown VEX competition"
},
{
original: img6,
description: "We The People State Champions"
}]}
</MyCarousel>
</div>
</>
)
}

6
src/pages/Home.js
View File

@@ -1,11 +1,13 @@
import React from 'react';
import MyCarousel from '../componets/Carousel'
export default function Home() {
return (
<>
<div class='centerContent' data-aos="fade-up">
<h1>Andrew Simonson</h1>
<h3>The person who can do things good</h3>
<div id='Vertical' />
</div>
</>
)

18
src/pages/Projects.js
View File

@@ -12,21 +12,27 @@ export default function Projects(){
</p>
</div>
<ProjectList>
<Project status='complete' title='Digital Portfolio' link='https://github.com/asimonson1125/asimonson1125.github.io' linkText={<img alt='github' src={github} />}>
<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.
</Project>
<Project status='WIP' title='Slate' link='https://github.com/asimonson1125/Slate' linkText={<img alt='github' src={github} />}>
Slate is a web app designed to help event coordinators schedule events by congregating participant calendar data.
</Project>
<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.
</Project>
<Project status='complete' title='NationsGame Rolls Sim' 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.
<Project status='complete' title='Resume' link='https://github.com/asimonson1125/Resume' linkText={<img alt='github' src={github} />}>
My Resume, made in LaTeX with a custom design inspired by the AltaCV template on OverLeaf.
</Project>
<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.
</Project>
<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.
</Project>
<Project status='complete' title='Acumen' link='https://github.com/asimonson1125/Acumen' linkText={<img alt='github' src={github} />}>
A personal Discord bot focused on statistical insight and role management for NationsGame, including NG Rolls Sim accessibility.
</Project>
<Project status='complete' title='NationsGame Rolls Sim' 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.
</Project>
<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.
</Project>