help with HTML layout for journal

[leela52452]

i am planning to fork repo https://gitlab.com/pages/plain-html/

i will create HTML files for posts.

my journal layout :
- home w/about my details : right sidebar [ language links ]
- on the right side : english, espanol, etc.. links.
  -  english link contains list of all HTML files in english
   - espanol link contains list of all HTML files in espanol
  - so on

click on any link of HTML files list, will show content.

**my assumption**
- all HTML files reside in public directory

**my queries**
- how to specify or configure all links on one page
-  can i use permalink of file on links list and side bar links
- best CSS from accessibility point of view only

i dont want to use js.
i can learn quickly by reading and experimenting with an example, so point me to links which contain content with examples.

[niche]

What's your question?

[leela52452]

1 hour ago, niche said:

What's your question?

on the right sidebar, i will create file, eng.html

in eng.html i will create jour.html

jour.html contains content. 

eng.html contains links

<a target="_blank" href="jou.html">
  Wikipedia (opens in new tab)
</a>
<a target="_blank" href="jou 2.html">
  Wikipedia (opens in new tab)
</a>

is the above code is correct. is there any room for more improvement.

[niche]

Always room for improvement and hopefully you'll never stop improving.

Obviously you're learning so don't be afraid to break things.  Experiment.  Make mistakes.  Decide for yourself what you think you've learned.   

Have the courage to be wrong. 

That's when I'm most likely to remember what I learned.

The bigger the mistake the bigger the memory!

EDIT:

The most important question is what you posted good enough for you right now?

 

Edited December 9, 2019 by niche

[leela52452]

9 hours ago, niche said:

The most important question is what you posted good enough for you right now? 

i would like to add unordered list on eng.html, since it might contain more links.

the above code can be improved, _blank serms to be security risk

<a target="_blank" rel="noopener noreferrer nofollow" href="jou.html">
  Wikipedia (opens in new tab)
</a>

 

[leela52452]

i am building https://leela52452.gitlab.io/plain-html/

[niche]

Everything on a website is some kind of risk.

Looks like you have your unordered  list.

EDIT

Darn the torpedoes. What do you want to do next?

Edited December 10, 2019 by niche

[leela52452]

right now, i am focusing on css

my css, you are welcome

body {
  font-family: sans-serif;
  margin: auto;
  width: auto;
  background-color: #ffff00;
  color: #0a0a0a;
  line-height: 1.5em;
  letter-spacing: 0.12em;
  word-spacing: 0.16em;
  margin-bottom: 2em;
  font-size: 1.5em;
}

.navbar {
  background-color: #ffff00;
  border-radius: 2px;
  width: auto;
}

.navbar a {
  color: #aaa;
  display: inline-block;
  font-size: 15px;
  padding: 10px;
  text-decoration: none;
}

.navbar a:hover {
  color: #ffffff;
}