The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Push Text Up The From Bottom Of An Element

TODO: Pull subtitle into page object html_start_default_section html_end_default_section css_start_default_section css_end_default_section script_start_default_section script_end_default_section

Notes

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Push Text Up The From Bottom Of An Element

-- html/
-- show

<div id="theBox">
  <pre id="theContent"></pre>
</div>

-- /html

-- css/
-- show

#theBox {
  position: relative;
  min-height: 5rem;
  max-height: 5rem;
  max-width: 42ch;
  outline: 1px solid red;
  overflow: scroll;
}

#theContent {
  position: absolute;
  bottom: 0;
  left: 0;
}

-- /css


-- script/
-- show

const addText = () => {
  theContent.innerText += "\n" + new Date()
}

document.addEventListener("DOMContentLoaded", () => {
  addText()
  setInterval(addText, 1800)
})

-- /script 

-- notes

- This doesn't provide a user 
scroll bar. 


-- categories
-- CSS 
-- WebDev 
-- HTML 

-- metadata
-- date: 2021-06-08 19:34:31
-- id: 01f7pzmf
-- status: draft
-- type: css-experiment 
-- site: aws