jutty/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Prototype links page

Browse source
This commit is contained in:
jultty 2024-06-05 14:28:29 -03:00
commit 2061680593
7 changed files with 61 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -0,0 +1 @@
ideas

11
assets/css/style.css
View file

@ -103,6 +103,17 @@ footer {
/* widescreen */ /* widescreen */
@media (min-width: 1000px) { @media (min-width: 1000px) {
.article {
margin: 0 20%;
}
h1 {
margin-left: 45px;
}
}
/* fullscreen */
@media (min-width: 1500px) {
.article { .article {
margin: 0 30%; margin: 0 30%;
} }

16
assets/js/data.js
View file

@ -1,22 +1,26 @@
function get_data() { function get_data() {
return { return {
"pt": { "posts": {
"posts": [ "pt": [
{ {
"title": "Scripts em OCaml", "title": "Scripts em OCaml",
"slug": "scripts-em-ocaml", "slug": "scripts-em-ocaml",
"date": "23/03/2024" "date": "23/03/2024"
} }
] ],
}, "en": [
"en": {
"posts": [
{ {
"title": "Meeting the BSD Family", "title": "Meeting the BSD Family",
"slug": "meeting-the-bsd-family", "slug": "meeting-the-bsd-family",
"date": "May 20, 2024" "date": "May 20, 2024"
} }
] ]
},
"links": [
{
"title": "Capital Offense How to Handle Abbreviations in CamelCase - Approxion",
"url": "https://www.approxion.com/capital-offenses-how-to-handle-abbreviations-in-camelcase/"
} }
]
} }
} }

18
assets/js/links.js Normal file
View file

@ -0,0 +1,18 @@
const data = get_data()
function populate_links() {
data.links.forEach(link => {
const links = document.getElementById('links')
links.innerHTML = ''
const item = document.createElement('li')
const anchor = document.createElement('a')
anchor.innerText = link.title
anchor.href = link.url
item.appendChild(anchor)
links.appendChild(item)
})
}
document.addEventListener('DOMContentLoaded', () => {
populate_links()
})

2
assets/js/main.js
View file

@ -4,7 +4,7 @@ const userLang = navigator.language || navigator.userLanguage
let lang = userLang.includes('pt') ? 'pt' : 'en' let lang = userLang.includes('pt') ? 'pt' : 'en'
function populate_posts() { function populate_posts() {
data[lang].posts.forEach(post => { data.posts[lang].forEach(post => {
const posts = document.getElementById('nav-posts') const posts = document.getElementById('nav-posts')
posts.innerHTML = '' posts.innerHTML = ''
const item = document.createElement('li') const item = document.createElement('li')

1
index.html
View file

@ -35,6 +35,7 @@
<li><a id="nav-menu-home" href="https://jutty.dev">Home</a></li> <li><a id="nav-menu-home" href="https://jutty.dev">Home</a></li>
<li><a id="lang-swap-en" href="#">English</a></li> <li><a id="lang-swap-en" href="#">English</a></li>
<li><a id="lang-swap-pt" href="#">Português</a></li> <li><a id="lang-swap-pt" href="#">Português</a></li>
<!--li><a id="nav-menu-links" href="pages/links.html">Links</a></li-->
<li><a id="nav-menu-rss" href="https://blog.jutty.dev/assets/rss/en.rss">RSS</a></li> <li><a id="nav-menu-rss" href="https://blog.jutty.dev/assets/rss/en.rss">RSS</a></li>
<li><a href="https://mastodon.bsd.cafe/@jutty">Mastodon</a></li> <li><a href="https://mastodon.bsd.cafe/@jutty">Mastodon</a></li>
</ul> </ul>

18
pages/links.html Normal file
View file

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>links • jutty.dev</title>
<link href="../assets/css/style.css" rel="stylesheet">
<!--link rel="alternate" type="application/rss+xml" title="RSS (Links)" href="https://blog.jutty.dev/assets/rss/links.rss"/-->
<link rel="icon" type="image/ico" href="../assets/img/favicon.ico">
<script src="../assets/js/data.js"></script>
<script src="../assets/js/links.js" defer></script>
</head>
<body>
<main id="main" style="margin-top: 50px">
<ul id="links"></ul>
</main>
</body>
</html>