post1

post1

Table of Contents

1. narrative

supercalafrajilisticexpialidocious

1.1. Long paragraph

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim1 id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

1.2. TODO prompt LLM (is there an org gptel or something similar?)

1.3. layout

1.4. internal links

Post 1

1.5. global header / site style

1.6. DONE styling

1.6.1. DONE inline css

1.6.3. DONE css (see above)

1.6.3.1. DONE global css
1.6.3.2. DONE local css

1.7. TODO basic org stuff

1.8. TODO text

1.8.1. long paragraph

1.8.2. long paragraph scrolling text

1.8.3. quote

this is some regular text

This is some quote

this is some more regular text

1.9. tags   tag0 tag1

1.9.1. DONE test todo item 2

1.9.2. DONE table

a b c
1 2 3
4 5 6

1.9.3. TODO lists

1.9.3.1. TODO bullets

NOTE: these render as numbers

  • one
  • two
    • two point one
    • two point two
  • three
    • three point one
    • three point two
1.9.3.2. TODO numbers
  1. first
  2. second
    1. second point one
    2. second point two

1.9.4. TODO formatting

  • some bold text
  • some italic text
  • some underline text
  • some strike text
  • some code text
  • some verbatim text
  • some *bold in code* text
  • some /italic in verbatim/ text
  • some _underline in verbatim_ text
  • some =~code in verbatim=~ text
  • some +strike in verbatim+ text
  • some bold italic underline strike code verbatim text

1.10. TODO code

1.10.1. TODO bash

echo "hello world"

hello world

1.10.2. TODO python

  • NOTE: need to set up dir-locals2
1.10.2.1. TODO using venv

This is how you write code with python3 

from dataclasses import dataclass

from polyfactory.factories import DataclassFactory


@dataclass
class Person:
    name: str
    age: float
    height: float
    weight: float


class PersonFactory(DataclassFactory[Person]):
    ...


person_instance = PersonFactory.build()
print(person_instance)

print('hello')


Person(name='SwakNxbRpljCzuodDFmA', age=169.373223815888, height=20020364164560.4, weight=-16466.5531537472)
hello
1.10.2.2. TODO using multiple venvs via session
1.10.2.3. TODO using session to pass state between blocks

1.11. TODO video (test with git lfs)

1.12. TODO image

1.12.1. DONE local file

test-image.png

1.12.2. TODO remote file

1.12.3. TODO svg

1.13. DONE general iframe

1.14. DONE plotly chart

import plotly.express as px
import pandas as pd

df = pd.DataFrame({
    "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"],
    "Amount": [4, 1, 2, 2, 4, 5],
    "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"]
})

fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")

# write to html file
fig.write_html("../static/my_interactive_plot.html")

insert iframe to chart

1.15. TODO verbs

1.16. TODO footnotes NOTE issue

This is a footnote4. And this is some other text

1.16.1. Another footnote

More5 footnotes6.

1.17. TODO transclude? compose with other file?

1.17.1. include from another file

1.18. TODO arrange two views next to eachother (eg figure and some figure text) using css grid (might be split between here and css). is ther a way to include the css here? can't we tangle to a file

2. Generate a TLDR for this document that will be displayed at the top of the static-site version of this document. Include internal org links to headings in this document where relevant. Org links look like this: . Do not use any bullets for the explanation, but you can use line breaks to help with readability. Be verbose and describe as many sections as possible

lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Footnotes:

1

new footnote

2

lorem impsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum

3

This is how to write code with python

4

This is the footnote. lorem impsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

5

even more

6

More footnotes