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

Basic 11ty config and index page with base layout

Browse Source
This commit is contained in:
Sravan Balaji
2024-12-31 13:26:07 -05:00
parent 91528d99a4
commit 6808d71ca5
8 changed files with 54 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
.eleventy.js Normal file
View File

@@ -0,0 +1,10 @@
module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("./src/style.css");
return {
dir: {
input: "src",
output: "public",
},
};
};

2
docker/Dockerfile
View File

@@ -5,6 +5,6 @@ WORKDIR /opt/app
RUN npm init -y
RUN npm install @11ty/eleventy
COPY ./src .
COPY . .
CMD [ "npx", "@11ty/eleventy" ]

7
index.html
View File

@@ -1,7 +0,0 @@
<!--Dummy File to Redirect to index.html in Web Pages Folder-->
<head>
<meta
http-equiv="refresh"
content="0; url=./src/index.html"
/>
</head>

2
justfile
View File

@@ -10,4 +10,4 @@ build:
# Run development server
dev: build
docker run -p 1280:8080 11ty:latest npx @11ty/eleventy --serve
docker run -it -p 1280:8080 11ty:latest npx @11ty/eleventy --serve

30
src/_includes/base.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en" color-mode="light">
<head>
<script
language="javascript"
type="text/javascript"
src="common/header.txt"
></script>
<title>{{ title }}</title>
<link rel="stylesheet" href="style.css">
</head>
<script
language="javascript"
type="text/javascript"
src="common/navbar.txt"
></script>
<body>
{{ content }}
</body>
<footer>
<script
language="javascript"
type="text/javascript"
src="common/footer.txt"
></script>
</footer>
</html>

66
src/index.html
View File

@@ -1,66 +0,0 @@
<!DOCTYPE html>
<html lang="en" color-mode="light">
<head>
<script
language="javascript"
type="text/javascript"
src="common/header.txt"
></script>
<title>Sravan Balaji</title>
</head>
<script
language="javascript"
type="text/javascript"
src="common/navbar.txt"
></script>
<body>
<div class="container-fluid px-md-6">
<div class="row align-items-center">
<div class="col-md-12">
<h1>Welcome!</h1>
<p>
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!
<br /><br />
On this website, you can find information about my
<a href="./portfolio.html#education">educational</a> and
<a href="./portfolio.html#professional_experience"
>professional career</a
>
as well as some of my
<a href="./personal.html">personal interests</a>. If you are looking
to create your own website and are curious about how I created and
hosted this one, please see the
<a href="./documentation.html">documentation</a>
page.
<br /><br />
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
<a
href="https://github.com/balajsra/sravanbalaji.com"
target="_blank"
>GitHub</a
>.
</p>
</div>
</div>
</div>
</body>
<footer>
<script
language="javascript"
type="text/javascript"
src="common/footer.txt"
></script>
</footer>
</html>

12
src/index.md Normal file
View File

@@ -0,0 +1,12 @@
---
title: Sravan Balaji
layout: "base.html"
---
# Welcome!
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.
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).

0
src/style/styles.css → src/style.css
View File