Add basic TOC code

v3 v2.7.3
Florine W. Dekker 2 months ago
parent f488517186
commit c44e97cdbd
Signed by: FWDekker
GPG Key ID: D3DCFAA8A4560BE0
  1. 4
      package-lock.json
  2. 2
      package.json
  3. 1
      src/main/css/main.css
  4. 3
      src/main/css/snippets/toc.css
  5. 52
      src/test/index.html

4
package-lock.json generated

@ -1,12 +1,12 @@
{
"name": "@fwdekker/template",
"version": "2.8.0",
"version": "2.7.3",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@fwdekker/template",
"version": "2.8.0",
"version": "2.7.3",
"license": "MIT",
"dependencies": {
"milligram": "^1.4.1",

@ -1,6 +1,6 @@
{
"name": "@fwdekker/template",
"version": "2.7.2",
"version": "2.7.3",
"description": "The base template for pages on fwdekker.com.",
"author": "Florine W. Dekker",
"license": "MIT",

@ -3,4 +3,5 @@
@import "snippets/colors.css";
@import "snippets/common.css";
@import "snippets/nav.css";
@import "snippets/toc.css";
@import "snippets/overrides.css";

@ -0,0 +1,3 @@
#toc {
position: fixed;
}

@ -37,9 +37,55 @@
<div id="header"></div>
<section class="container">
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<div class="row">
<div class="column column-75">
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<p>These are some more contents.</p>
</div>
<div class="column column-25">
<div id="toc">
<p>These are a TOC</p>
</div>
</div>
</div>
</section>
</div>
<div id="footer"></div>

Loading…
Cancel
Save