A broken man, obsessed with 500 year old Mexican culture.

  • 4 Posts
  • 597 Comments
Joined 1 year ago
cake
Cake day: July 20th, 2023

help-circle






    1. My reading habits are like everyone of my hobbies, I’m obsessed for a week then move on to a new pursuit then come back to reading several months later.
    2. I read text books about Aztec history.
    3. I’m a year away from 40 and I’m coming to terms with being alone for the rest of my life (which is exactly the same leading up to this point).
    4. I bought a book stand I can adjust and wheel around.
    5. Stop caring what other people think and just read when you feel like it. You’re overthinking this.








  • So bare minimum for no frills this doesn’t need to look fancy:

    1. Look up the bare minimum HTML template but it’s going to be more or less an html element that contain head and body elements.

    2. In the head is where you put your metadata. Add a title element along with a style element for your css. Do some research here for placing fancy things like a favicon, font families, and SEO stuff.

    3. In the body add a header, a div, and a footer elements. Add a nav element to your header for your navigation. If you’re using a single page then you’ll use anchor tags to get around. The div give it a class of “container”, “wrapper”, “app” or whatever. Put your legal and contact info in the footer.

    4. The h1 through h6 tags are headers with the higher number h being by default smaller font sizes. Use these as your titles for your content. You shouldn’t have more than h1 element.

    5. If you’re not using a style library then do a quick search for display grid and display flex. You can make a really rudimentary column and row layout without much effort.

    6. I’d section out my content then assign an id so the nav can jump to it. <section class=“container container_foobar” id=“foobar”> <h2>Foobar Experience</h2> <div class=“row”> <div class=“column column–size_2”> <p>words</p> </div> <div class=“row”> <div class=“column column–size_1”> <p>things</p> </div> </section>

    7. Quick style tips. Center your content if you don’t want to worry about screen size. Don’t put plain black text on a plain white background, it hurts the eyes for long periods of reading. Use box-sizing: border-box on your parent elements to make them more manageable. Padding adds size to an element; Margin pushes the element away. Add position relative to your content div and sections; if you get fancy with position (such as absolute or fixed) the element will reference that “relative parent” for it’s placement.

    8. Do all of this in VS Code if you don’t have a better editor. If you want images host them on your server and you can reference the URL endpoints in the html file.

    I have now worked on my day off. I hope that helped. Edit: Lemmy doesn’t like html markup in chat (reasonable). Here is an example section element