Move common files into base template
- Copy assets and scripts folder to output - Move contents of common files into the base template's HTML - Fix link syntax on index.md
This commit is contained in:
Sravan Balaji
@@ -1,5 +1,7 @@
|
|||||||
module.exports = function (eleventyConfig) {
|
module.exports = function (eleventyConfig) {
|
||||||
eleventyConfig.addPassthroughCopy("./src/style.css");
|
eleventyConfig.addPassthroughCopy("./src/style.css");
|
||||||
|
eleventyConfig.addPassthroughCopy("./src/assets");
|
||||||
|
eleventyConfig.addPassthroughCopy("./src/scripts");
|
||||||
|
|
||||||
return {
|
return {
|
||||||
dir: {
|
dir: {
|
||||||
|
|||||||
@@ -1,30 +1,253 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" color-mode="light">
|
<html lang="en" color-mode="light">
|
||||||
<head>
|
<head>
|
||||||
|
<!--Required meta tags-->
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="author" content="Sravan Balaji" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
|
||||||
|
<!-- Bootstrap -->
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||||
|
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
/>
|
||||||
<script
|
<script
|
||||||
language="javascript"
|
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||||
type="text/javascript"
|
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||||
src="common/header.txt"
|
crossorigin="anonymous"
|
||||||
></script>
|
></script>
|
||||||
|
<script
|
||||||
|
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||||
|
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
></script>
|
||||||
|
<script
|
||||||
|
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||||
|
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
></script>
|
||||||
|
|
||||||
|
<!-- highlight.js -->
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/default.min.css"
|
||||||
|
/>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/highlight.min.js"></script>
|
||||||
|
<script>
|
||||||
|
hljs.initHighlightingOnLoad();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Stylesheet -->
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||||
|
|
||||||
|
<!-- Favicon -->
|
||||||
|
<link rel="icon" href="/assets/branding/favicon.ico" type="image/x-icon" />
|
||||||
|
|
||||||
|
<!-- Title -->
|
||||||
<title>{{ title }}</title>
|
<title>{{ title }}</title>
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<script
|
<nav class="navbar my-nav navbar-expand-md fixed-top">
|
||||||
language="javascript"
|
<!-- Brand -->
|
||||||
type="text/javascript"
|
<a class="navbar-brand" href="/">
|
||||||
src="common/navbar.txt"
|
<img
|
||||||
></script>
|
src="/assets/branding/logo.png"
|
||||||
|
alt="Icon"
|
||||||
|
width="30px"
|
||||||
|
height="30px"
|
||||||
|
class="d-inline-block align-top"
|
||||||
|
/>
|
||||||
|
<img
|
||||||
|
src="/assets/branding/name.png"
|
||||||
|
alt="Name"
|
||||||
|
height="30px"
|
||||||
|
class="d-inline-block align-center"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<!-- Toggler/collapsible Button -->
|
||||||
|
<button
|
||||||
|
class="navbar-toggler"
|
||||||
|
type="button"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#collapsibleNavbar"
|
||||||
|
>
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- Navbar links -->
|
||||||
|
<div class="collapse navbar-collapse" id="collapsibleNavbar">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<!-- About -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a
|
||||||
|
class="nav-link dropdown-toggle"
|
||||||
|
href="/about"
|
||||||
|
id="navbardrop"
|
||||||
|
data-toggle="dropdown"
|
||||||
|
>
|
||||||
|
About
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="/about#bio"> Bio </a>
|
||||||
|
<a class="dropdown-item" href="/about#contact_me">
|
||||||
|
Contact Me
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Portfolio -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a
|
||||||
|
class="nav-link dropdown-toggle"
|
||||||
|
href="/portfolio"
|
||||||
|
id="navbardrop"
|
||||||
|
data-toggle="dropdown"
|
||||||
|
>
|
||||||
|
Portfolio
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="/portfolio#resume">
|
||||||
|
Resume
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="/portfolio#education">
|
||||||
|
Education
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
href="/portfolio#professional_experience"
|
||||||
|
>
|
||||||
|
Professional Experience
|
||||||
|
</a>
|
||||||
|
<!-- <a class="dropdown-item" href="/portfolio#research">
|
||||||
|
Research
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="/portfolio#projects">
|
||||||
|
Projects
|
||||||
|
</a> -->
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Personal -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a
|
||||||
|
class="nav-link dropdown-toggle"
|
||||||
|
href="/personal"
|
||||||
|
id="navbardrop"
|
||||||
|
data-toggle="dropdown"
|
||||||
|
>
|
||||||
|
Personal
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a class="dropdown-item" href="/personal#software">
|
||||||
|
Software
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="/personal#hardware">
|
||||||
|
Hardware
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="/personal#video_games">
|
||||||
|
Video Games
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="/personal#podcasts">
|
||||||
|
Podcasts
|
||||||
|
</a>
|
||||||
|
<a class="dropdown-item" href="/personal#music">
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Blog -->
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/blog"> Blog </a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<!-- Documentation -->
|
||||||
|
<li class="nav-item dropdown">
|
||||||
|
<a
|
||||||
|
class="nav-link dropdown-toggle"
|
||||||
|
href="/documentation"
|
||||||
|
id="navbardrop"
|
||||||
|
data-toggle="dropdown"
|
||||||
|
>
|
||||||
|
Documentation
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
href="/documentation#introduction"
|
||||||
|
>
|
||||||
|
Introduction
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
href="/documentation#website_hosting"
|
||||||
|
>
|
||||||
|
Website Hosting
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
href="/documentation#web_design"
|
||||||
|
>
|
||||||
|
Web Design
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
href="/documentation#aesthetics"
|
||||||
|
>
|
||||||
|
Aesthetics
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
class="dropdown-item"
|
||||||
|
href="/documentation#inspiration"
|
||||||
|
>
|
||||||
|
Inspiration
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Dark Mode Toggle -->
|
||||||
|
<!-- Reference: https://github.com/coliff/dark-mode-switch -->
|
||||||
|
<div class="custom-control custom-switch">
|
||||||
|
<input type="checkbox" class="custom-control-input" id="darkSwitch" />
|
||||||
|
<label
|
||||||
|
class="custom-control-label"
|
||||||
|
for="darkSwitch"
|
||||||
|
id="darkSwitchLabel"
|
||||||
|
>Dark Mode</label
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<script src="/scripts/dark-mode-switch.min.js"></script>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{ content }}
|
<div class="container-fluid px-md-6">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-md-12">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<script
|
<div class="container-fluid px-md-6">
|
||||||
language="javascript"
|
<div class="row align-items-center">
|
||||||
type="text/javascript"
|
<div class="col-md-12">
|
||||||
src="common/footer.txt"
|
<small>
|
||||||
></script>
|
Copyright © 2019 Sravan Balaji under
|
||||||
|
<a
|
||||||
|
rel="license"
|
||||||
|
href="https://docs.google.com/gview?url=https://github.com/balajsra/sravanbalaji.com/raw/master/LICENSE"
|
||||||
|
target="_blank"
|
||||||
|
>MIT License</a>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,15 +0,0 @@
|
|||||||
<div class="container-fluid px-md-6">
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col-md-12">
|
|
||||||
<small>
|
|
||||||
Copyright © 2019 Sravan Balaji under
|
|
||||||
<a
|
|
||||||
rel="license"
|
|
||||||
href="https://docs.google.com/gview?url=https://github.com/balajsra/sravanbalaji.com/raw/master/LICENSE"
|
|
||||||
target="_blank"
|
|
||||||
>MIT License</a
|
|
||||||
>
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
document.write('<div class="container-fluid px-md-6"> <div class="row align-items-center"> <div class="col-md-12"> <small> Copyright © 2019 Sravan Balaji under <a rel="license" href="https://docs.google.com/gview?url=https://github.com/balajsra/sravanbalaji.com/raw/master/LICENSE" target="_blank" >MIT License</a > </small> </div> </div> </div> ')
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
<!--Required meta tags-->
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="author" content="Sravan Balaji" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
|
|
||||||
<!-- Bootstrap -->
|
|
||||||
<link
|
|
||||||
rel="stylesheet"
|
|
||||||
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
|
||||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
|
||||||
<script
|
|
||||||
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
|
||||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
></script>
|
|
||||||
<script
|
|
||||||
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
|
||||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
></script>
|
|
||||||
<script
|
|
||||||
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
|
||||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
></script>
|
|
||||||
|
|
||||||
<!-- highlight.js -->
|
|
||||||
<link
|
|
||||||
rel="stylesheet"
|
|
||||||
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/default.min.css"
|
|
||||||
/>
|
|
||||||
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/highlight.min.js"></script>
|
|
||||||
<script>
|
|
||||||
hljs.initHighlightingOnLoad();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!-- Stylesheet -->
|
|
||||||
<link rel="stylesheet" type="text/css" href="style/styles.css" />
|
|
||||||
|
|
||||||
<!-- Favicon -->
|
|
||||||
<link rel="icon" href="././assets/branding/favicon.ico" type="image/x-icon" />
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
document.write('<!--Required meta tags--> <meta charset="utf-8" /> <meta name="author" content="Sravan Balaji" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Bootstrap --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" /> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous" ></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous" ></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous" ></script> <!-- highlight.js --> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/default.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/highlight.min.js"></script> <script> hljs.initHighlightingOnLoad(); </script> <!-- Stylesheet --> <link rel="stylesheet" type="text/css" href="style/styles.css" /> <!-- Favicon --> <link rel="icon" href="././assets/branding/favicon.ico" type="image/x-icon" /> ')
|
|
||||||
@@ -1,174 +0,0 @@
|
|||||||
<nav class="navbar my-nav navbar-expand-md fixed-top">
|
|
||||||
<!-- Brand -->
|
|
||||||
<a class="navbar-brand" href="./index.html">
|
|
||||||
<img
|
|
||||||
src="./assets/branding/logo.png"
|
|
||||||
alt="Icon"
|
|
||||||
width="30px"
|
|
||||||
height="30px"
|
|
||||||
class="d-inline-block align-top"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="./assets/branding/name.png"
|
|
||||||
alt="Name"
|
|
||||||
height="30px"
|
|
||||||
class="d-inline-block align-center"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<!-- Toggler/collapsible Button -->
|
|
||||||
<button
|
|
||||||
class="navbar-toggler"
|
|
||||||
type="button"
|
|
||||||
data-toggle="collapse"
|
|
||||||
data-target="#collapsibleNavbar"
|
|
||||||
>
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<!-- Navbar links -->
|
|
||||||
<div class="collapse navbar-collapse" id="collapsibleNavbar">
|
|
||||||
<ul class="navbar-nav">
|
|
||||||
<!-- About -->
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a
|
|
||||||
class="nav-link dropdown-toggle"
|
|
||||||
href="./about.html"
|
|
||||||
id="navbardrop"
|
|
||||||
data-toggle="dropdown"
|
|
||||||
>
|
|
||||||
About
|
|
||||||
</a>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<a class="dropdown-item" href="./about.html#bio"> Bio </a>
|
|
||||||
<a class="dropdown-item" href="./about.html#contact_me">
|
|
||||||
Contact Me
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<!-- Portfolio -->
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a
|
|
||||||
class="nav-link dropdown-toggle"
|
|
||||||
href="./portfolio.html"
|
|
||||||
id="navbardrop"
|
|
||||||
data-toggle="dropdown"
|
|
||||||
>
|
|
||||||
Portfolio
|
|
||||||
</a>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<a class="dropdown-item" href="./portfolio.html#resume">
|
|
||||||
Resume
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./portfolio.html#education">
|
|
||||||
Education
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="dropdown-item"
|
|
||||||
href="./portfolio.html#professional_experience"
|
|
||||||
>
|
|
||||||
Professional Experience
|
|
||||||
</a>
|
|
||||||
<!-- <a class="dropdown-item" href="./portfolio.html#research">
|
|
||||||
Research
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./portfolio.html#projects">
|
|
||||||
Projects
|
|
||||||
</a> -->
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<!-- Personal -->
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a
|
|
||||||
class="nav-link dropdown-toggle"
|
|
||||||
href="./personal.html"
|
|
||||||
id="navbardrop"
|
|
||||||
data-toggle="dropdown"
|
|
||||||
>
|
|
||||||
Personal
|
|
||||||
</a>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<a class="dropdown-item" href="./personal.html#software">
|
|
||||||
Software
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./personal.html#hardware">
|
|
||||||
Hardware
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./personal.html#video_games">
|
|
||||||
Video Games
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./personal.html#podcasts">
|
|
||||||
Podcasts
|
|
||||||
</a>
|
|
||||||
<a class="dropdown-item" href="./personal.html#music">
|
|
||||||
Music
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<!-- Blog -->
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="./blog.html"> Blog </a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<!-- Documentation -->
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a
|
|
||||||
class="nav-link dropdown-toggle"
|
|
||||||
href="./documentation.html"
|
|
||||||
id="navbardrop"
|
|
||||||
data-toggle="dropdown"
|
|
||||||
>
|
|
||||||
Documentation
|
|
||||||
</a>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<a
|
|
||||||
class="dropdown-item"
|
|
||||||
href="./documentation.html#introduction"
|
|
||||||
>
|
|
||||||
Introduction
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="dropdown-item"
|
|
||||||
href="./documentation.html#website_hosting"
|
|
||||||
>
|
|
||||||
Website Hosting
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="dropdown-item"
|
|
||||||
href="./documentation.html#web_design"
|
|
||||||
>
|
|
||||||
Web Design
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="dropdown-item"
|
|
||||||
href="./documentation.html#aesthetics"
|
|
||||||
>
|
|
||||||
Aesthetics
|
|
||||||
</a>
|
|
||||||
<a
|
|
||||||
class="dropdown-item"
|
|
||||||
href="./documentation.html#inspiration"
|
|
||||||
>
|
|
||||||
Inspiration
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Dark Mode Toggle -->
|
|
||||||
<!-- Reference: https://github.com/coliff/dark-mode-switch -->
|
|
||||||
<div class="custom-control custom-switch">
|
|
||||||
<input type="checkbox" class="custom-control-input" id="darkSwitch" />
|
|
||||||
<label
|
|
||||||
class="custom-control-label"
|
|
||||||
for="darkSwitch"
|
|
||||||
id="darkSwitchLabel"
|
|
||||||
>Dark Mode</label
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<script src="./scripts/dark-mode-switch.min.js"></script>
|
|
||||||
</nav>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
document.write('<nav class="navbar my-nav navbar-expand-md fixed-top"> <!-- Brand --> <a class="navbar-brand" href="./index.html"> <img src="./assets/branding/logo.png" alt="Icon" width="30px" height="30px" class="d-inline-block align-top" /> <img src="./assets/branding/name.png" alt="Name" height="30px" class="d-inline-block align-center" /> </a> <!-- Toggler/collapsible Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar" > <span class="navbar-toggler-icon"></span> </button> <!-- Navbar links --> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <!-- About --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="./about.html" id="navbardrop" data-toggle="dropdown" > About </a> <div class="dropdown-menu"> <a class="dropdown-item" href="./about.html#bio"> Bio </a> <a class="dropdown-item" href="./about.html#contact_me"> Contact Me </a> </div> </li> <!-- Portfolio --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="./portfolio.html" id="navbardrop" data-toggle="dropdown" > Portfolio </a> <div class="dropdown-menu"> <a class="dropdown-item" href="./portfolio.html#resume"> Resume </a> <a class="dropdown-item" href="./portfolio.html#education"> Education </a> <a class="dropdown-item" href="./portfolio.html#professional_experience" > Professional Experience </a> <!-- <a class="dropdown-item" href="./portfolio.html#research"> Research </a> <a class="dropdown-item" href="./portfolio.html#projects"> Projects </a> --> </div> </li> <!-- Personal --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="./personal.html" id="navbardrop" data-toggle="dropdown" > Personal </a> <div class="dropdown-menu"> <a class="dropdown-item" href="./personal.html#software"> Software </a> <a class="dropdown-item" href="./personal.html#hardware"> Hardware </a> <a class="dropdown-item" href="./personal.html#video_games"> Video Games </a> <a class="dropdown-item" href="./personal.html#podcasts"> Podcasts </a> <a class="dropdown-item" href="./personal.html#music"> Music </a> </div> </li> <!-- Blog --> <li class="nav-item"> <a class="nav-link" href="./blog.html"> Blog </a> </li> <!-- Documentation --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="./documentation.html" id="navbardrop" data-toggle="dropdown" > Documentation </a> <div class="dropdown-menu"> <a class="dropdown-item" href="./documentation.html#introduction" > Introduction </a> <a class="dropdown-item" href="./documentation.html#website_hosting" > Website Hosting </a> <a class="dropdown-item" href="./documentation.html#web_design" > Web Design </a> <a class="dropdown-item" href="./documentation.html#aesthetics" > Aesthetics </a> <a class="dropdown-item" href="./documentation.html#inspiration" > Inspiration </a> </div> </li> </ul> </div> <!-- Dark Mode Toggle --> <!-- Reference: https://github.com/coliff/dark-mode-switch --> <div class="custom-control custom-switch"> <input type="checkbox" class="custom-control-input" id="darkSwitch" /> <label class="custom-control-label" for="darkSwitch" id="darkSwitchLabel" >Dark Mode</label > </div> <script src="./scripts/dark-mode-switch.min.js"></script> </nav> ')
|
|
||||||
@@ -7,6 +7,6 @@ layout: "base.html"
|
|||||||
|
|
||||||
Welcome to my personal website! This started out as a side project to learn about web development and UI design, but it has since expanded into a professional portfolio and blog (sort of). If you are a fan of dark mode, try out the toggle button in the upper right corner!
|
Welcome to my personal website! This started out as a side project to learn about web development and UI design, but it has since expanded into a professional portfolio and blog (sort of). If you are a fan of dark mode, try out the toggle button in the upper right corner!
|
||||||
|
|
||||||
On this website, you can find information about my [educational](./portfolio.html#education) and [professional career](./portfolio.html#professional_experience as well as some of my [personal interests](./personal.html). If you are looking to create your own website and are curious about how I created and hosted this one, please see the [documentation](./documentation.html) page.
|
On this website, you can find information about my [educational](./portfolio.html#education) and [professional career](./portfolio.html#professional_experience) as well as some of my [personal interests](./personal.html). If you are looking to create your own website and are curious about how I created and hosted this one, please see the [documentation](./documentation.html) page.
|
||||||
|
|
||||||
This website is a constant work in progress and updates will be made as I find time. You can follow development and make suggestions on [GitHub](https://github.com/balajsra/sravanbalaji.com).
|
This website is a constant work in progress and updates will be made as I find time. You can follow development and make suggestions on [GitHub](https://github.com/balajsra/sravanbalaji.com).
|
||||||
|
|||||||
Reference in New Issue
Block a user