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

Compare commits

merge into: sravan:eleventy-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
eleventy-m ... 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 >professional experience</a
> >
section of the section of the
<a href="./portfolio.html">portfolio</a> page. He is currently <a href="./portfolio.html">portfolio</a> page. He began working at
working at
<a href="https://www.mitre.org/" target="_blank">MITRE</a> <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>
<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> </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> </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> </body>
<footer> <footer>

132
src/style/styles.css
View File

@@ -3,178 +3,174 @@
****************/ ****************/
/* Light Mode */ /* Light Mode */
:root[color-mode="light"] { :root[color-mode="light"] {
--primary-color: #ffcb05; --primary-color: #ffcb05;
--secondary-color: #00274c; --secondary-color: #00274c;
--tertiary-color: #007bff; --tertiary-color: #007bff;
--quaternary-color: #ffffff; --quaternary-color: #ffffff;
--quinary-color: #e83e8c; --quinary-color: #e83e8c;
--background-color: #e8eef2; --background-color: #e8eef2;
--font-color: #000000; --font-color: #000000;
} }
/* Dark Mode */ /* Dark Mode */
:root[color-mode="dark"] { :root[color-mode="dark"] {
--primary-color: #bd93f9; --primary-color: #bd93f9;
--secondary-color: #44475a; --secondary-color: #44475a;
--tertiary-color: #8be9fd; --tertiary-color: #8be9fd;
--quaternary-color: #6272a4; --quaternary-color: #6272a4;
--quinary-color: #ff79c6; --quinary-color: #ff79c6;
--background-color: #282a36; --background-color: #282a36;
--font-color: #f8f8f2; --font-color: #f8f8f2;
} }
/*********** /***********
* General * * General *
***********/ ***********/
body { body {
background-color: var(--background-color); background-color: var(--background-color);
padding-top: 65px; padding-top: 65px;
font-family: Arial, Verdana, Tahoma, sans-serif; font-family: Arial, Verdana, Tahoma, sans-serif;
} }
label { label {
color: var(--primary-color); color: var(--primary-color);
} }
a { a {
color: var(--tertiary-color); color: var(--tertiary-color);
} }
code { code {
color: var(--quinary-color); color: var(--quinary-color);
} }
hr { hr {
border-color: var(--font-color); border-color: var(--font-color);
opacity: 0.1; opacity: 0.1;
} }
/**************** /****************
* Main Content * * Main Content *
****************/ ****************/
.my-nav { .my-nav {
background: var(--secondary-color); background: var(--secondary-color);
font-size: 18px; font-size: 18px;
} }
.my-nav .nav-link { .my-nav .nav-link {
color: var(--primary-color); color: var(--primary-color);
} }
.my-nav .nav-link:hover { .my-nav .nav-link:hover {
color: var(--tertiary-color); color: var(--tertiary-color);
} }
.my-nav .navbar-toggler-icon { .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 { .my-nav .navbar-toggler {
background: var(--primary-color); background: var(--primary-color);
} }
.container-fluid { .container-fluid {
color: var(--font-color); color: var(--font-color);
font-size: 18px; font-size: 18px;
} }
.container-fluid h1 { .container-fluid h1 {
padding: 10px 10px; padding: 10px 10px;
background: var(--secondary-color); background: var(--secondary-color);
color: var(--primary-color); color: var(--primary-color);
} }
.row { .row {
/* border: 1px solid red; */ /* border: 1px solid red; */
margin-bottom: 10px; margin-bottom: 10px;
} }
/* Add an invisible target before /* Add an invisible target before
anchor links so navbar doesn't anchor links so navbar doesn't
block content */ block content */
:target::before { :target::before {
content: ""; content: "";
display: block; display: block;
margin-top: -80px; margin-top: -80px;
height: 80px; height: 80px;
width: 1px; width: 1px;
} }
/* Side Padding */ /* Side Padding */
@media (min-width: 768px) { @media (min-width: 768px) {
.px-md-6 { .px-md-6 {
padding-left: 12.5% !important; padding-left: 12.5% !important;
padding-right: 12.5% !important; padding-right: 12.5% !important;
} }
} }
#bio img { #bio img {
max-height: 500px; max-height: 500px;
} }
#contact_me img { #contact_me img {
max-height: 100px; max-height: 100px;
} }
#software img { #software img {
max-height: 200px; max-height: 200px;
} }
#hardware img { #hardware img {
max-height: 400px; max-height: 400px;
} }
#video_games img { #video_games img {
max-height: 250px; max-height: 250px;
} }
#podcasts img { #podcasts img {
max-height: 200px; max-height: 200px;
} }
#resume iframe { #resume iframe {
width: 100%; width: 100%;
height: 750px; height: 750px;
} }
#education img { #education img {
max-height: 225px; max-height: 225px;
} }
#professional_experience img { #professional_experience img {
max-height: 225px; max-height: 225px;
} }
#research img { #part_time_work img {
max-height: 400px; max-height: 225px;
}
#projects img {
max-height: 400px;
} }
.blog-cover img { .blog-cover img {
max-height: 500px; max-height: 500px;
margin: auto; margin: auto;
display: block; display: block;
} }
.card { .card {
background-color: var(--background-color); background-color: var(--background-color);
} }
.card-header { .card-header {
background-color: var(--secondary-color); background-color: var(--secondary-color);
} }
.card-body { .card-body {
background-color: var(--quaternary-color); background-color: var(--quaternary-color);
} }
.dropdown-menu { .dropdown-menu {
background-color: var(--quaternary-color); background-color: var(--quaternary-color);
} }
.dropdown-item { .dropdown-item {
color: var(--font-color); color: var(--font-color);
} }