improved the way anchors work
All checks were successful
Jenkins
Web/pipeline/head This commit looks good
All checks were successful
Jenkins
Web/pipeline/head This commit looks good
This commit is contained in:
parent
0e73603716
commit
5e60b8feba
|
|
@ -1,6 +1,5 @@
|
|||
<span class="anchor" id="about"></span>
|
||||
<div class="list-display rounded">
|
||||
<h1>💬 About</h1>
|
||||
<h1 id="about">💬 About</h1>
|
||||
<p>
|
||||
Sometimes, some people ask me some questions about myself or my projects, so I decided to compile a list of some of the answers in a Q&A-like fashion so that I don't have to keep repeating them. If you're curious about me, this might be interesting to you!
|
||||
</p>
|
||||
|
|
@ -18,4 +17,4 @@
|
|||
let ageSinceStart = new Date(todayMillis - birthdayMillis);
|
||||
$("#age").html(ageSinceStart.getUTCFullYear() - 1970);
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<span class="anchor" id="blog"></span>
|
||||
<span class="anchor" id="blog-all"></span>
|
||||
{% for tag in site.tags %}
|
||||
<span class="anchor" id="blog-{{ tag[0] | slugify }}"></span>
|
||||
{% endfor %}
|
||||
|
||||
<div class="list-display rounded">
|
||||
<h1>📔 Blog</h1>
|
||||
<h1 id="blog">
|
||||
<span id="blog-all"></span>
|
||||
{% for tag in site.tags %}
|
||||
<span id="blog-{{ tag[0] | slugify }}"></span>
|
||||
{% endfor %}
|
||||
📔 Blog
|
||||
</h1>
|
||||
<p>
|
||||
This is my blog, where I post about gaming, programming and life. The featured posts are the ones you'll probably be most interested in, but you can select a different category to see every post.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<span class="anchor" id="projects"></span>
|
||||
<div class="list-display rounded">
|
||||
<h1>💻 Projects</h1>
|
||||
<h1 id="projects">💻 Projects</h1>
|
||||
<p>
|
||||
Here is a list of some of my bigger projects as well as some things you might know me from.<br>
|
||||
<span class="text-muted">For a more exhaustive list of my projects, you can also check out the <a href="#social">Social</a> section.</span>
|
||||
|
|
@ -33,4 +32,4 @@
|
|||
});
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<span class="anchor" id="social"></span>
|
||||
<div class="list-display rounded">
|
||||
<h1>🔗 Social</h1>
|
||||
<h1 id="social">🔗 Social</h1>
|
||||
<p>
|
||||
These are other websites where you can find me and the things I do, including the pages where I publish my code and games and where I sometimes stream and upload videos. This list also includes a lot of ways to reach me.
|
||||
</p>
|
||||
|
|
@ -48,4 +47,4 @@
|
|||
$("#discord-widget").attr("src", `https://discordapp.com/widget?id=181435613147430913&theme=${theme}`);
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<span class="anchor" id="support"></span>
|
||||
<div class="list-display rounded">
|
||||
<h1>💸 Support Me</h1>
|
||||
<h1 id="support">💸 Support Me</h1>
|
||||
<p>
|
||||
Most of the projects you know me from, I work on in my free time, but by supporting me, you help out with all of my projects equally. As I'm a student, a bit of extra cash is always helpful for me, and it feels especially good when it comes from something that I enjoy doing a lot.
|
||||
<br><span class="text-muted">Please only support me if you have money to spare. Always take care of your own finances first.</span>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<script src="/scripts/main.js"></script>
|
||||
</head>
|
||||
|
||||
<body data-spy="scroll" data-target="#navbar">
|
||||
<body data-spy="scroll" data-target="#navbar" data-offset="140">
|
||||
{% include nav/navbar.html %}
|
||||
|
||||
<!-- Content -->
|
||||
|
|
|
|||
|
|
@ -35,8 +35,7 @@ function populateManual(lang) {
|
|||
let name = lines[0].substring(lines[0].indexOf("=") + 1);
|
||||
let id = lines[0].match(/chapter\.([^\.]*)\.name/)[1];
|
||||
sidebar.append(`<a href=#${id}>${name}</a>`);
|
||||
t += `<a class="anchor" id="${id}"></a>`;
|
||||
t += `<h1>${name}</h1>`;
|
||||
t += `<h1 id="${id}">${name}</h1>`;
|
||||
// following lines are content
|
||||
for (let i = 1; i < lines.length; i++) {
|
||||
let text = lines[i].substring(lines[i].indexOf("=") + 1);
|
||||
|
|
@ -57,4 +56,4 @@ function replaceFormatting(text) {
|
|||
});
|
||||
}
|
||||
return text;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,7 @@
|
|||
html {
|
||||
scroll-padding-top: 40px;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Roboto, sans-serif;
|
||||
font-display: swap;
|
||||
|
|
@ -74,13 +78,6 @@ body {
|
|||
padding: 15px;
|
||||
}
|
||||
|
||||
.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -40px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.sellout {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -128,4 +125,4 @@ body {
|
|||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
html {
|
||||
scroll-padding-top: 136px;
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
|
@ -12,10 +13,9 @@ body {
|
|||
}
|
||||
|
||||
sup {
|
||||
scroll-margin-top: 70px;
|
||||
scroll-margin-top: -66px;
|
||||
}
|
||||
|
||||
|
||||
.main {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
|
|
@ -114,13 +114,6 @@ sup {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.anchor {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: -46px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.blog-button:link,
|
||||
.blog-button:visited {
|
||||
color: black;
|
||||
|
|
|
|||
Loading…
Reference in a new issue