generated from ndoherty-xyz/unemployables-portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (145 loc) · 7.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-583DHFZ2');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<meta name="google-site-verification" content="3HZIR8mUs_7D9vaFKntnWqslXqCrsYlLUATAamnv-_Y" />
<link rel="icon" href="./assets/images/bas-tintin-2.png"/>
<title>Portfolio</title>
<meta name="description" content="A portfolio template for the Unemployables community.">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./css/layout.css">
<link rel="stylesheet" href="./css/typography.css">
<link rel="stylesheet" href="./css/utilities.css">
<script defer src="./js/script.js"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-583DHFZ2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- NAVBAR -->
<div class="navbar">
<a class="nav-title-link" href="./index.html">
<!-- TODO - Change the "Portfolio Title" to whatever you want displayed in the top left -->
<span class="nav-title">Bastian Krohg</span>
<!-- TODO - Change the email after 'mailto:' to your email address for contact -->
<a class="button" href="mailto:[email protected]">
<span class="button-text">Contact Me</span>
</a>
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PORTFOLIO HEADER -->
<div id="portfolio-header">
<div id="portfolio-header-image-container">
<img src="./assets/images/bas-tintin-2.png" class="portfolio-header-image">
</div>
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">Hey, I'm @bastiankrohg.</span>
<div class="body-text">Welcome! This is a work in progress to share some of my projects</div>
</div>
<a class="button" id="my-work-link">
<span class="button-text">Check out my projects</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
<div id="about-section">
<span class="subheader-text">About Me</span>
<div class="about-section-content">
<div class="body-text">I'm Bastian Krohg, a Master’s student in Embedded Systems Engineering and International Management at INSA Toulouse and Toulouse School of Management.
I've also had the chance to go on an exciting exchange semester to Seoul National University in South Korea, in addition to a few internships in Norway and California.</div>
<div class="body-text">I'm fluent in Norwegian, English, and French, and currently working on improving my Italian. Proficient in a series of programming languages and technologies. Amateur chef and food geek.</div>
<a class="button" href="./project-pages/showcase.html">
<span class="button-text">Coming soon</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
<!-- PROJECTS / MY WORK SECTION -->
<div id="my-work-section">
<span class="subheader-text">Projects</span>
<div class="projects-container">
<div class="project-card">
<img src="./assets/images/rover.jpeg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Mars Rover</div>
<div class="body-text project-card-text">
Final year engineering project at INSA Toulouse. Project lead and developer for computer vision applications, cyber-physical algorithms, and path planning for autonomous exploration
</div>
</div>
<a class="button" href="https://bastiankr.tech">
<span class="button-text">Coming soon...</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<!-- Project: LeRobot Hackathon -->
<div class="project-card">
<img src="../assets/images/lerobot2.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Hugging Face LeRobot Hackathon</div>
<div class="body-text project-card-text">
Participated in the very first LeRobot Hackathon organized by the LeRobot team from Hugging Face!
</div>
</div>
<a class="button" href="https://www.linkedin.com/posts/bastiankrohg_better-late-than-neverheres-a-glimpse-activity-7258819641249026049-Qt57?utm_source=share&utm_medium=member_desktop">
<span class="button-text">Read More</span>
<image src="../assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<!-- Project: tinc-GPT -->
<div class="project-card">
<img src="./assets/images/tinc-gpt.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">AI Project - "tinc-GPT"</div>
<div class="body-text project-card-text">
A RAG-based OpenAI chatbot prototype for TINC Tech Incubator, facilitating founders in applying their learnings to business.
</div>
</div>
<a class="button" href="./project-pages/tinc-gpt.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="projects-container">
<a class="button" href="./project-pages/all-projects.html">
<span class="button-text">View all projects</span>
<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">
<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>
<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"/>
<a class="icon-link" href="mailto:[email protected]">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
</a>
</div>
</body>
</html>