Skip to content

Commit

Permalink
Fix html and styling for front page. Add table of contents back in.
Browse files Browse the repository at this point in the history
  • Loading branch information
gwynforthewyn committed Nov 11, 2024
1 parent 6cba7c7 commit d581fc3
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 64 deletions.
133 changes: 69 additions & 64 deletions content/index.html
Original file line number Diff line number Diff line change
@@ -1,84 +1,89 @@
<!DOCTYPE html>

<head>
<script type="text/javascript" src="/main.js"></script>
<script type="text/javascript" src="/main.js"></script>

<style>
.whoarewe {
/* background: linear-gradient(#ffffff, #cad4f4, #ffffff); */
<style>
.whoarewe {
/* background: linear-gradient(#ffffff, #cad4f4, #ffffff); */

border-radius: 0vh 0vh 40vh 40vh;
}

.whoarewe-inner {
margin-right: 25%;
margin-left: 25%;
margin-bottom: 2%;
}
border-radius: 0vh 0vh 40vh 40vh;
}

.playtechnique {
font-family: Arial, sans-serif;
font-size: 24px;
text-decoration: underline;
}
.whoarewe-inner {
margin-right: 25%;
margin-left: 25%;
margin-bottom: 2%;
}

.playtechnique .big-bold {
font-size: 24px;
font-weight: bold;
}
.playtechnique {
font-family: Arial, sans-serif;
font-size: 24px;
text-decoration: underline;
}

#links {
margin-right: 25%;
margin-left: 25%;
}
.playtechnique .big-bold {
font-size: 24px;
font-weight: bold;
}

</style>
#links {
margin-right: 25%;
margin-left: 25%;
}
</style>
</head>

<body>
<link rel="stylesheet" href="/styles.css">

<div class="container">
<link rel="stylesheet" href="/styles.css" />

<nav class="navigation">
<a href=/><img src="/images/logo.png"></a>
<div id="links-group">
<div class="container">
<nav class="navigation">
<a href="/"><img src="/images/logo.png" /></a>
<div id="links-group">
<a href="/blog/index.html" class="link">blog</a>
<a href="/projects/index.html" class="link">projects</a>
<a href="/" class="link">front page</a>
<a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
</div>
</nav>


<div class="whoarewe">
<div class="whoarewe-inner">
<header class="playtechnique">
<span class="big-bold">play</span>technique
</div>
</div>
<div id="links">
<a href="/rss.xml" class="link"><img src="/images/rss.png" /></a>
</div>
</nav>

<p>
<a href="/blog/index.html">blog</a> is one-off things I've written, and a little life reflection.
</p>
<div class="whoarewe">
<div class="whoarewe-inner">
<header class="playtechnique">
<span class="big-bold">play</span>technique
</header>
</div>
</div>
<div id="links">
<p>
<a href="/blog/index.html">blog</a> is one-off things I've written, and
a little life reflection.
</p>

<p>
<a href="/projects/index.html">projects</a> document specific projects I'm working on.
</p>
<p>
<a href="/projects/index.html">projects</a> document specific projects
I'm working on.
</p>

<div style="font-size: 0.9em;"
<p>
This website is served with <a href="https://github.com/playtechnique/andrew">Andrew</a>, a web
server I put together to serve web pages from flat files on the file system.
</p>
<p>
Andrew has an RSS feed generator, a sitemap generator, automatic table of contents generation. Try it out, you
may like it.
</p>
</div>
</div>

<div id="playtechnique-header"></div>
<div style="font-size: 0.9em">
<p>
This website is served with
<a href="https://github.com/playtechnique/andrew">Andrew</a>, a web
server I put together to serve web pages from flat files on the file
system.
</p>
<p>
Andrew has an RSS feed generator, a sitemap generator, automatic table
of contents generation. Try it out, you may like it.
</p>
</div>
<div id="contents">
<h2>Table of Contents</h2>
{{ .AndrewTableOfContents }}
</div>
</div>
</body>

<div id="playtechnique-header"></div>
</div>
</body>
11 changes: 11 additions & 0 deletions content/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -106,6 +106,17 @@ side-by-side > div {
min-width: 0; /* Allows divs to shrink */
}

.AndrewTableOfContents {
padding-left: 0;
margin-left: 0; /* Remove any left margin */
}

.AndrewTableOfContents ul {
list-style-position: inside; /* Moves bullets/markers inline with text */
padding-left: 0; /* Remove any padding applied to each list item */
margin-left: 0; /* Remove any left margin applied to list items */
}

.side-by-side {
display: flex;
width: 95%; /* Ensure the side-by-side container takes full width */
Expand Down

0 comments on commit d581fc3

Please sign in to comment.