Jump to content
leela52452

help with HTML layout for journal

Recommended Posts

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.

Share this post


Link to post
Share on other sites

What's your question?

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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 by niche
  • Thanks 1

Share this post


Link to post
Share on other sites
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>

 

Share this post


Link to post
Share on other sites

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 by niche

Share this post


Link to post
Share on other sites

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;
}

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...