Added slate external website function

This commit is contained in:
2022-03-23 18:14:17 -04:00
parent 66d397912d
commit 3018c154ec
3 changed files with 103 additions and 12 deletions

81
src/assets/globe.svg Normal file
View File

@@ -0,0 +1,81 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 205.229 205.229" style="enable-background:new 0 0 205.229 205.229;" xml:space="preserve">
<g>
<g>
<g>
<g>
<path style="fill:#010002;" d="M102.618,205.229c-56.585,0-102.616-46.031-102.616-102.616C0.002,46.031,46.033,0,102.618,0
C159.2,0,205.227,46.031,205.227,102.613C205.227,159.198,159.2,205.229,102.618,205.229z M102.618,8.618
c-51.829,0-94.002,42.166-94.002,93.995s42.17,93.995,94.002,93.995c51.825,0,93.988-42.162,93.988-93.995
C196.606,50.784,154.444,8.618,102.618,8.618z"/>
</g>
</g>
<g>
<g>
<rect x="5.746" y="98.304" style="fill:#010002;" width="193.734" height="8.618"/>
</g>
</g>
<g>
<g>
<path style="fill:#010002;" d="M104.941,62.111c-48.644,0-84.94-10.704-87.199-11.388l2.494-8.253
c0.816,0.247,82.657,24.336,164.38-0.004l2.452,8.26C158.405,59.266,130.021,62.111,104.941,62.111z"/>
</g>
</g>
<g>
<g>
<path style="fill:#010002;" d="M20.416,160.572l-2.459-8.26c84.271-25.081,165.898-1.027,169.333,0l-2.494,8.256
C183.976,160.318,102.142,136.24,20.416,160.572z"/>
</g>
</g>
<g>
<g>
<path style="fill:#010002;" d="M69.399,196.168C26.933,96.747,63.584,8.604,63.959,7.727l7.927,3.378
c-0.365,0.845-35.534,85.756,5.44,181.677L69.399,196.168z"/>
</g>
</g>
<g>
<g>
<path style="fill:#010002;" d="M135.168,196.168l-7.927-3.382c40.971-95.92,5.801-180.832,5.436-181.677l7.927-3.378
C140.973,8.604,177.627,96.747,135.168,196.168z"/>
</g>
</g>
<g>
<g>
<rect x="98.306" y="5.744" style="fill:#010002;" width="8.614" height="197.302"/>
</g>
</g>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@@ -6,6 +6,15 @@ export default class Project extends React.Component {
} }
render(){ render(){
let links;
this.props.links.forEach(x => {
links = (
<>
{links}
<a href={x[0]}>{x[1]}</a>
</>
)
})
return ( return (
<li className={'project'} data-aos='fade-up'> <li className={'project'} data-aos='fade-up'>
<div className='topBox'> <div className='topBox'>
@@ -14,7 +23,7 @@ export default class Project extends React.Component {
<p className='body'>{this.props.children}</p> <p className='body'>{this.props.children}</p>
</div> </div>
<div className='bottomBox'> <div className='bottomBox'>
<a href={this.props.link}>{this.props.linkText}</a> {links}
</div> </div>
</li> </li>
) )

View File

@@ -1,6 +1,7 @@
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' import github from '../assets/github.svg'
import globe from '../assets/globe.svg'
export default function Projects(){ export default function Projects(){
return( return(
@@ -12,37 +13,37 @@ export default function Projects(){
</p> </p>
</div> </div>
<ProjectList> <ProjectList>
<Project status='WIP' title='Digital Portfolio' link='https://github.com/asimonson1125/asimonson1125.github.io' linkText={<img alt='github' src={github} />}> <Project status='WIP' title='Digital Portfolio' links={[['https://github.com/asimonson1125/asimonson1125.github.io', <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={<img alt='github' src={github} />}> <Project status='complete' title='Slate' links={[['https://github.com/asimonson1125/Slate', <img alt='github' src={github} />], ["https://slate.cs.house", <img alt='site' src={globe} />]]} >
Slate is a web app designed to help event coordinators schedule events by congregating participant calendar data. Slate is a web app designed to help event coordinators schedule events by congregating participant calendar data.
</Project> </Project>
<Project status='complete' title='Resume' link='https://github.com/asimonson1125/Resume' linkText={<img alt='github' src={github} />}> <Project status='complete' title='Resume' links={[['https://github.com/asimonson1125/Resume', <img alt='github' src={github} />]]} >
My Resume, made in LaTeX with a custom design inspired by the AltaCV template on OverLeaf. My Resume, made in LaTeX with a custom design inspired by the AltaCV template on OverLeaf.
</Project> </Project>
<Project status='complete' title='Humans vs. Zombies Bot' link='https://github.com/asimonson1125/HvZ-bot' linkText={<img alt='github' src={github} />}> <Project status='complete' title='Humans vs. Zombies Bot' links={[['https://github.com/asimonson1125/HvZ-bot', <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 ='WIP' title='FinTech' link='https://github.com/LukeHorigan/Financial-Management-Assocation-' linkText={<img alt='github' src={github} />}> <Project status ='WIP' title='FinTech' links={[['https://github.com/LukeHorigan/Financial-Management-Assocation-', <img alt='github' src={github} />]]} >
A team derived from the RIT Financial Management Association dedicated to learning about financial management of equities using automated solutions developed by students. A team derived from the RIT Financial Management Association dedicated to learning about financial management of equities using automated solutions developed by students.
</Project> </Project>
<Project status='complete' title='Querist' link='https://github.com/asimonson1125/Querist' linkText={<img alt='github' src={github} />}> <Project status='complete' title='Querist' links={[['https://github.com/asimonson1125/Querist', <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='Acumen' link='https://github.com/asimonson1125/Acumen' linkText={<img alt='github' src={github} />}> <Project status='complete' title='Acumen' links={[['https://github.com/asimonson1125/Acumen', <img alt='github' src={github} />]]} >
A personal Discord bot focused on statistical insight and role management for NationsGame, including NG Rolls Sim accessibility. A personal Discord bot focused on statistical insight and role management for NationsGame, including NG Rolls Sim accessibility.
</Project> </Project>
<Project status='complete' title='NationsGame Rolls Sim' link='https://github.com/asimonson1125/NG-Rolls-Simulator' linkText={<img alt='github' src={github} />}> <Project status='complete' title='NationsGame Rolls Sim' links={[['https://github.com/asimonson1125/NG-Rolls-Simulator', <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='incomplete' title='WallCycle' link='https://github.com/asimonson1125/WallCycle' linkText={<img alt='github' src={github} />}> <Project status='incomplete' title='WallCycle' links={[['https://github.com/asimonson1125/WallCycle', <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='VEXcode Button Generator' link='https://github.com/asimonson1125/VEXcode-Button-Generator' linkText={<img alt='github' src={github} />}> <Project status='complete' title='VEXcode Button Generator' links={[['https://github.com/asimonson1125/VEXcode-Button-Generator', <img alt='github' src={github} />]]} >
VEXcode button library + examples and template for the VEX V5 brain VEXcode button library + examples and template for the VEX V5 brain
</Project> </Project>
<Project status='complete' title='WinKeylogger' link='https://github.com/asimonson1125/WinKeylogger' linkText={<img alt='github' src={github} />}> <Project status='complete' title='WinKeylogger' links={[['https://github.com/asimonson1125/WinKeylogger', <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>