sravan/sravanbalaji.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: sravan:hugo-migration
Branches Tags
sravan:master sravan:eleventy-migration sravan:hugo-migration sravan:expand-portfolio sravan:post-summer-2021 sravan:hugo-netlify-migration
...
pull from: sravan:expand-portfolio
Branches Tags
sravan:eleventy-migration sravan:hugo-migration sravan:master sravan:expand-portfolio sravan:post-summer-2021 sravan:hugo-netlify-migration

1 Commits
hugo-migra ... expand-por

Author SHA1 Message Date
Sravan Balaji
09c69b92bb Start Adding Part Time Work 
- Update bio tense a bit
- Update podcast art
- Add UMICH Rec Sports image
- Start adding rec sports jobs to portfolio page
 2022-07-30 20:07:10 -04:00
6 changed files with 123 additions and 110 deletions
Expand all files Collapse all files

6
src/about.html
View File

@@ -61,10 +61,10 @@
>professional experience</a
>
section of the
<a href="./portfolio.html">portfolio</a> page. He is currently
working at
<a href="./portfolio.html">portfolio</a> page. He began working at
<a href="https://www.mitre.org/" target="_blank">MITRE</a>
as an Associate Autonomous Systems Engineer in McLean, VA.
in late January 2022 as an Associate Autonomous Systems Engineer
in McLean, VA.
</p>
<p>

BIN
src/assets/podcasts/missed-apex.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 39 KiB

BIN
src/assets/podcasts/vergecast.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 84 KiB

After

Width:  |  Height:  |  Size: 62 KiB

BIN
src/assets/professional_experience/logo-umich-rec-sports.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

95
src/portfolio.html
View File

@@ -1477,46 +1477,63 @@
</div>
</div>
</div>
<!---------------------------------
PART TIME WORK
----------------------------------->
<div id="part_time_work">
<div class="row align-items-center">
<div class="col-md-12">
<h1>
<a name="part_time_work">Part Time Work</a>
</h1>
</div>
</div>
<!-- UMICH: Intramural Sports Supervisor (2017 - 2018 -->
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<a href="https://www.umich.edu/" target="_blank">
<img
class="img-fluid mx-auto d-block"
src="./assets/professional_experience/logo-umich-rec-sports.jpeg"
/>
</a>
</div>
<div class="col-md-8">
<h2><b>University of Michigan Recreational Sports</b></h2>
<h3>Intramural Sports Supervisor</h3>
<h4>Ann Arbor, MI</h4>
<h5><i>August 28, 2017 - December 9, 2018</i></h5>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<a href="https://www.umich.edu/" target="_blank">
<img
class="img-fluid mx-auto d-block"
src="./assets/professional_experience/logo-umich-rec-sports.jpeg"
/>
</a>
</div>
<div class="col-md-8">
<h2><b>University of Michigan Recreational Sports</b></h2>
<h3>Intramural Sports Official</h3>
<h4>Ann Arbor, MI</h4>
<h5><i>September 12, 2016 - December 9, 2018</i></h5>
</div>
</div>
</div>
</div>
</div>
</div>
<!---------------------------------
RESEARCH
----------------------------------->
<!-- <div id="research">
<div class="row align-items-center">
<div class="col-md-12">
<h1><a name="research">Research</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-3">
</div>
<div class="col-md-9">
</div>
</div>
</div> -->
<!---------------------------------
Projects
----------------------------------->
<!-- <div id="projects">
<div class="row align-items-center">
<div class="col-md-12">
<h1><a name="projects">Projects</a></h1>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-3">
</div>
<div class="col-md-9">
</div>
</div>
</div> -->
<!-- </div> -->
</body>
<footer>

132
src/style/styles.css
View File

@@ -3,178 +3,174 @@
****************/
/* Light Mode */
:root[color-mode="light"] {
--primary-color: #ffcb05;
--secondary-color: #00274c;
--tertiary-color: #007bff;
--quaternary-color: #ffffff;
--quinary-color: #e83e8c;
--background-color: #e8eef2;
--font-color: #000000;
--primary-color: #ffcb05;
--secondary-color: #00274c;
--tertiary-color: #007bff;
--quaternary-color: #ffffff;
--quinary-color: #e83e8c;
--background-color: #e8eef2;
--font-color: #000000;
}
/* Dark Mode */
:root[color-mode="dark"] {
--primary-color: #bd93f9;
--secondary-color: #44475a;
--tertiary-color: #8be9fd;
--quaternary-color: #6272a4;
--quinary-color: #ff79c6;
--background-color: #282a36;
--font-color: #f8f8f2;
--primary-color: #bd93f9;
--secondary-color: #44475a;
--tertiary-color: #8be9fd;
--quaternary-color: #6272a4;
--quinary-color: #ff79c6;
--background-color: #282a36;
--font-color: #f8f8f2;
}
/***********
* General *
***********/
body {
background-color: var(--background-color);
padding-top: 65px;
font-family: Arial, Verdana, Tahoma, sans-serif;
background-color: var(--background-color);
padding-top: 65px;
font-family: Arial, Verdana, Tahoma, sans-serif;
}
label {
color: var(--primary-color);
color: var(--primary-color);
}
a {
color: var(--tertiary-color);
color: var(--tertiary-color);
}
code {
color: var(--quinary-color);
color: var(--quinary-color);
}
hr {
border-color: var(--font-color);
opacity: 0.1;
border-color: var(--font-color);
opacity: 0.1;
}
/****************
* Main Content *
****************/
.my-nav {
background: var(--secondary-color);
font-size: 18px;
background: var(--secondary-color);
font-size: 18px;
}
.my-nav .nav-link {
color: var(--primary-color);
color: var(--primary-color);
}
.my-nav .nav-link:hover {
color: var(--tertiary-color);
color: var(--tertiary-color);
}
.my-nav .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 39, 76, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.my-nav .navbar-toggler {
background: var(--primary-color);
background: var(--primary-color);
}
.container-fluid {
color: var(--font-color);
font-size: 18px;
color: var(--font-color);
font-size: 18px;
}
.container-fluid h1 {
padding: 10px 10px;
background: var(--secondary-color);
color: var(--primary-color);
padding: 10px 10px;
background: var(--secondary-color);
color: var(--primary-color);
}
.row {
/* border: 1px solid red; */
margin-bottom: 10px;
/* border: 1px solid red; */
margin-bottom: 10px;
}
/* Add an invisible target before
anchor links so navbar doesn't
block content */
:target::before {
content: "";
display: block;
margin-top: -80px;
height: 80px;
width: 1px;
content: "";
display: block;
margin-top: -80px;
height: 80px;
width: 1px;
}
/* Side Padding */
@media (min-width: 768px) {
.px-md-6 {
padding-left: 12.5% !important;
padding-right: 12.5% !important;
}
.px-md-6 {
padding-left: 12.5% !important;
padding-right: 12.5% !important;
}
}
#bio img {
max-height: 500px;
max-height: 500px;
}
#contact_me img {
max-height: 100px;
max-height: 100px;
}
#software img {
max-height: 200px;
max-height: 200px;
}
#hardware img {
max-height: 400px;
max-height: 400px;
}
#video_games img {
max-height: 250px;
max-height: 250px;
}
#podcasts img {
max-height: 200px;
max-height: 200px;
}
#resume iframe {
width: 100%;
height: 750px;
width: 100%;
height: 750px;
}
#education img {
max-height: 225px;
max-height: 225px;
}
#professional_experience img {
max-height: 225px;
max-height: 225px;
}
#research img {
max-height: 400px;
}
#projects img {
max-height: 400px;
#part_time_work img {
max-height: 225px;
}
.blog-cover img {
max-height: 500px;
margin: auto;
display: block;
max-height: 500px;
margin: auto;
display: block;
}
.card {
background-color: var(--background-color);
background-color: var(--background-color);
}
.card-header {
background-color: var(--secondary-color);
background-color: var(--secondary-color);
}
.card-body {
background-color: var(--quaternary-color);
background-color: var(--quaternary-color);
}
.dropdown-menu {
background-color: var(--quaternary-color);
background-color: var(--quaternary-color);
}
.dropdown-item {
color: var(--font-color);
color: var(--font-color);
}