Skip to content

Commit

Permalink
Further updates, added image to in-sv page, and changed which project…
Browse files Browse the repository at this point in the history 
…s appear where. Added ANSA volunteer work.
  • Loading branch information
@bastiankrohg
bastiankrohg committed Feb 2, 2024
1 parent 06f2353 commit 371fdb5
Show file tree
Hide file tree
Showing 6 changed files with 56 additions and 83 deletions.
Binary file modified assets/images/.DS_Store
View file
Binary file not shown.
Binary file added assets/images/ansa-toulouse.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/denys-nevozhai-unsplash.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
81 changes: 17 additions & 64 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,19 +11,6 @@

<meta charset="utf-8">

<!--
TODO
Upload your Unemployable (or whatever photo you like) to the assets/images folder
and change the name of the image below to match the uploaded one
Change the title in the <title> tag to whatever you would like the title of your portfolio to be
This should be the same across all pages.
<link rel="icon" href="./assets/images/1311.png" />
-->
<link rel="icon" href="./assets/images/bas-tintin-2.png"/>
<title>Portfolio</title>
<meta name="description" content="A portfolio template for the Unemployables community.">
Expand Down Expand Up @@ -59,32 +46,11 @@
<!-- PORTFOLIO HEADER -->
<div id="portfolio-header">
<div id="portfolio-header-image-container">
<!--
TODO
- Change the img "src" attribute to point to the Unemployable image you uploaded (or whatever image).
- Change the number to point to your Unemployable & replace the OpenSea link with your own
- If you aren't using an Unemployable as your image, remove the entire "a" element
<a class="no-underline" target="_blank" href="https://opensea.io/assets/0xe0be388ab81c47b0f098d2030a1c9ef190691a8a/1311">
<span class="image-caption">Unemployables #1311</span>
</a>
<img src="./assets/images/1311.png" class="portfolio-header-image">
<img src="https://avatars.githubusercontent.com/u/98895859?v=4" class="portfolio-header-image">

-->
<img src="./assets/images/bas-tintin-2.png" class="portfolio-header-image">

</div>

<!--
TODO
- Change the main-title to whatver you want
- Change the body-text after that to a quick introduction to what you do
- Edit the button text if you feel like it. It will link to the projects section below.
-->
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">Hey, I'm @bastiankrohg.</span>
Expand All @@ -97,13 +63,6 @@
</div>
</div>

<!-- ABOUT SECTION -->
<!--
TODO
- Change the subheader-text to whatever header you want
- Add paragraphs using the <div class="body-text"></div> elements in the "about-section-content"
-->
<div id="about-section">
<span class="subheader-text">My Background / About Me</span>
<div class="about-section-content">
Expand All @@ -119,7 +78,6 @@

<!-- PROJECTS / MY WORK SECTION -->
<div id="my-work-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">My Work / My Projects</span>

<div class="projects-container">
Expand All @@ -138,25 +96,26 @@
</a>
</div>
<div class="project-card">
<img src="./assets/images/470-ramona.png" class="project-image">
<img src="./assets/images/ansa-toulouse.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Project lead - How to do business in California</div>
<div class="subheader-text project-title">Information Manager and Editor</div>
<div class="body-text project-card-text">
Managed and led a project for Innovation Norway Silicon Valley in forming and creating first version of a guideline package for start-ups looking to expand to the US with a focus on California and the San Francisco Bay Area.</div>
Volunteer work as the information manager, social media manager, and editor for ANSA (Association for Norwegian Students Abroad) Toulouse for 1 year. Digitalized the association's local student newspaper during COVID and coordinated and co-organized events and trips for Norwegian students in Toulouse, France.
</div>
</div>
<a class="button" href="./project-pages/in-sv.html">
<a class="button" href="https://www.ansa.no/personer/ansa-toulouse/">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/nih-tinc.jpeg" class="project-image">
<img src="./assets/images/risc-v.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">TINC - Tech Incubator Program</div>
<div class="subheader-text project-title">RISC-V Research Project - INSA Toulouse</div>
<div class="body-text project-card-text">
Helped in the coordination and execution of the biannual Tech INCubator program for Innovation Norway Silicon Valley. A series of workshops, events, keynote presentations and more over the course of 4 weeks online and 1 week in-person at Nordic Innovation House in Palo Alto.
Year-long research project studying, modelling and simulating some of the timing leak vulnerabilities of the RISC-V architecture.
</div>
<a class="button" href="./project-pages/in-sv.html">
<a class="button" href="./project-pages/pir.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
Expand All @@ -168,37 +127,31 @@
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="projects-container">
<a class="button" href="./project-pages/in-sv.html">
<span class="button-text">About my time in Silicon Valley</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>

<!-- FOOTER -->
<div id="footer">
<!--
TODO - Change href to your Instagram account (can also delete entire "a" element if no Instagram)

This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://github.com/bastiankrohg">
<image src="./assets/icons/github-mark.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://instagram.com/bastiankrohg/">
<image src="./assets/icons/instagram.svg" class="footer-icon"/>
</a>
<!--
TODO - Change href to your Twitter account (can also delete entire "a" element if no Twitter)
This should be the same across all pages.
-->

<a class="icon-link" target="_blank" href="https://twitter.com/KrohgBastian">
<image src="./assets/icons/X.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://www.linkedin.com/in/bastiankrohg/">
<image src="./assets/icons/linkedin.svg" class="footer-icon"/>
<!--
TODO - Change the email after "mailto" to your contact email
This should be the same across all pages.
-->

<a class="icon-link" href="mailto:baskrohg@gmail.com">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
</a>
Expand Down
17 changes: 16 additions & 1 deletion project-pages/all-projects.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -252,7 +252,7 @@
<div class="project-card">
<img src="../assets/images/trottinette.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Electric Scooter Lab</div>
<div class="subheader-text project-title">Electric Scooter Control Engineering</div>
<div class="body-text project-card-text">
Study, design, and implementation of the control law to control the torque and speed of the electric motor of a scooter. A combined project for numeric control and power electronics courses at INSA Toulouse, we used power conversion principles to make and control an inverter.
</div>
Expand Down Expand Up @@ -289,6 +289,21 @@
</a>
</div>
</div>
<div class="projects-container">
<div class="project-card">
<img src="../assets/images/ansa-toulouse.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Information Manager and Editor</div>
<div class="body-text project-card-text">
Volunteer work as the information manager, social media manager, and editor for ANSA (Association for Norwegian Students Abroad) Toulouse for 1 year. Digitalized the association's local student newspaper during COVID and coordinated and co-organized events and trips for Norwegian students in Toulouse, France.
</div>
</div>
<a class="button" href="https://www.ansa.no/personer/ansa-toulouse/">
<span class="button-text">Read More</span>
<image src="../assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
</div>

Expand Down
41 changes: 23 additions & 18 deletions project-pages/in-sv.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -82,9 +82,11 @@
- Change the 'body-text' text to a short and sweet description of your project (maybe the same as the one on the project card)
- Change "desktop.jpeg" to the image filename you uploaded in the assets/images folder.
-->
<div class="main-title">Project Name</div>
<div class="body-text">A small description about the project goes here, get the reader hooked on the project and tell them why they should continue to read this page. Give it a sweet tagline.</div>
<image class="project-header-image" src="../assets/images/desktop.jpeg">
<div class="main-title">Innovation Norway Silicon Valley</div>
<div class="body-text">From September through December 2023, I had the opportunity to go to Silicon Valley as a part of an internship with Innovation Norway at Nordic Innovation House in Palo Alto, CA. Here you'll find some details about the work I did during my stay.</div>
<image class="project-header-image" src="../assets/images/denys-nevozhai-unsplash.jpg">
<span class="image-caption">Denys Nevozhai, www.unsplash.com</span>

</div>

<!-- PROJECT DETAILS -->
Expand All @@ -95,17 +97,18 @@
- Add paragraphs using the <div class="body-text"></div> elements in the "project-details-content"
-->
<div id="project-details">
<div class="subheader-text">Project Details / Background</div>
<div class="subheader-text">My time in SF</div>
<div class="project-details-content">
<div class="body-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique risus nec feugiat in fermentum. Sed id semper risus in hendrerit gravida. Placerat duis ultricies lacus sed. Id neque aliquam vestibulum morbi blandit cursus risus. Elit pellentesque habitant morbi tristique senectus et netus et. Elementum tempus egestas sed sed risus pretium quam. Nibh ipsum consequat nisl vel pretium lectus quam id leo. Vitae congue mauris rhoncus aenean vel elit.</div>
<div class="body-text">Vitae justo eget magna fermentum. Imperdiet nulla malesuada pellentesque elit eget gravida. Aliquet nec ullamcorper sit amet. Aliquet sagittis id consectetur purus. Ac tortor dignissim convallis aenean. Enim neque volutpat ac tincidunt vitae. Lobortis feugiat vivamus at augue. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Viverra orci sagittis eu volutpat. Massa tincidunt nunc pulvinar sapien et ligula. Donec enim diam vulputate ut.</div>
<div class="body-text">Exploring the tech capital of the world, I was able to take a deep dive, and study entrepreneurship and innovation from its core.</div>
<div class="body-text">I worked on a variety of different projects and programs. I helped out with the Fundraising in the US program, collaborating with partners from AlchemistX, MIT Entrepreneurship, and Storm Ventures, where I got key insights and was able to attend Techcrunch Disrupt 2023. I coded. I analyzed. I networked, I networked, and I networked some more. In the final stretch of my internship, I took lead on a project to start creating a startup guideline for setting up business in California. This was a great learning experience, both for content and project management.</div>
<div class="body-text">I learnt a bunch. Here's some insight into my time in California!</div>
</div>
</div>

<!-- IMAGE GALLERY -->
<div id="project-gallery">
<!-- TODO - Change the 'subheader-text' to whatever you want the Gallery section header to say -->
<div class="subheader-text">Image Gallery</div>
<div class="subheader-text">Gallery</div>
<div class="project-gallery-content">
<!--
TODO
Expand All @@ -130,17 +133,19 @@
- IMAGE_NAME: the name of the image file in assets/images
- IMAGE_CAPTION: to the caption of the image
-->

<div class="gallery-image-container half-width">
<img src="../assets/images/code.jpeg" class="gallery-image">
<span class="image-caption">Give your image a caption. People love context.</span>
<img src="../assets/images/tinc-gpt.png" class="gallery-image">
<span class="image-caption">Prototyped a chatbot that guides early-stage founders, tinc-GPT, for the TINC incubator program</span>
</div>

<div class="gallery-image-container half-width">
<img src="../assets/images/sketchbook.jpeg" class="gallery-image">
<span class="image-caption">Give your image a caption. People love context.</span>
<img src="../assets/images/470-ramona.png" class="gallery-image">
<span class="image-caption">HQ in Palo Alto at Nordic Innovation House</span>
</div>
<div class="gallery-image-container">
<img src="../assets/images/camera.jpeg" class="gallery-image">
<span class="image-caption">Give your image a caption. People love context.</span>
<img src="../assets/images/nih-tinc.jpeg" class="gallery-image">
<span class="image-caption">Picture from TINC demo day, where the founders could test their honed and sharpened pitches in front of a crowd of peers, investors, and friends.</span>
</div>
</div>
</div>
Expand All @@ -154,28 +159,28 @@
This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://github.com/bastiankrohg">
<image src="./assets/icons/github-mark.svg" class="footer-icon"/>
<image src="../assets/icons/github-mark.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://instagram.com/bastiankrohg/">
<image src="./assets/icons/instagram.svg" class="footer-icon"/>
<image src="../assets/icons/instagram.svg" class="footer-icon"/>
</a>
<!--
TODO - Change href to your Twitter account (can also delete entire "a" element if no Twitter)
This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://twitter.com/KrohgBastian">
<image src="./assets/icons/X.svg" class="footer-icon"/>
<image src="../assets/icons/X.svg" class="footer-icon"/>
</a>
<a class="icon-link" target="_blank" href="https://www.linkedin.com/in/bastiankrohg/">
<image src="./assets/icons/linkedin.svg" class="footer-icon"/>
<image src="../assets/icons/linkedin.svg" class="footer-icon"/>
<!--
TODO - Change the email after "mailto" to your contact email
This should be the same across all pages.
-->
<a class="icon-link" href="mailto:baskrohg@gmail.com">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
<image src="../assets/icons/mail.svg" class="footer-icon"/>
</a>
</div>

Expand Down

0 comments on commit 371fdb5

Please sign in to comment.