Basic 11ty config and index page with base layout
This commit is contained in:
Sravan Balaji
10
.eleventy.js
Normal file
10
.eleventy.js
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
module.exports = function (eleventyConfig) {
|
||||||
|
eleventyConfig.addPassthroughCopy("./src/style.css");
|
||||||
|
|
||||||
|
return {
|
||||||
|
dir: {
|
||||||
|
input: "src",
|
||||||
|
output: "public",
|
||||||
|
},
|
||||||
|
};
|
||||||
|
};
|
||||||
@@ -5,6 +5,6 @@ WORKDIR /opt/app
|
|||||||
RUN npm init -y
|
RUN npm init -y
|
||||||
RUN npm install @11ty/eleventy
|
RUN npm install @11ty/eleventy
|
||||||
|
|
||||||
COPY ./src .
|
COPY . .
|
||||||
|
|
||||||
CMD [ "npx", "@11ty/eleventy" ]
|
CMD [ "npx", "@11ty/eleventy" ]
|
||||||
|
|||||||
@@ -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
2
justfile
@@ -10,4 +10,4 @@ build:
|
|||||||
|
|
||||||
# Run development server
|
# Run development server
|
||||||
dev: build
|
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
30
src/_includes/base.html
Normal 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>
|
||||||
@@ -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
12
src/index.md
Normal 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).
|
||||||
Reference in New Issue
Block a user