commit c514cb2d4fbee6d898d8f27c3aacfb913e459a97 Author: Camille Frantz Date: Sun Sep 22 05:39:12 2024 -0500 initial themeing done diff --git a/images.html b/images.html new file mode 100644 index 0000000..4575a6b --- /dev/null +++ b/images.html @@ -0,0 +1,47 @@ + + + + + + just images + + + + +
+ +

just images

+
+ + + +
+
+

images

+
+ + + + +
+
+
+ + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..27464c1 --- /dev/null +++ b/index.html @@ -0,0 +1,140 @@ + + + + + + test page + + + + +
+ +

all sections

+
+ + + +
+
+
+

prose

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis temporibus nihil voluptates sit commodi corporis quidem ut rem aperiam, eum, ipsam corrupti fuga laborum nostrum. +

+

+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quis a libero dolor ullam, consequuntur fugiat voluptate quia placeat nihil corrupti aut quaerat, veritatis esse aspernatur sint. Quos consequatur, mollitia placeat aliquid, perferendis blanditiis est voluptatibus exercitationem hic delectus illum dicta assumenda, corrupti quisquam? A placeat, saepe hic assumenda consequatur minus animi est labore veritatis odio modi sed illo nulla ipsa molestiae fugiat sunt debitis fugit voluptatum. Eveniet et quis error tenetur necessitatibus sit id molestias saepe velit ducimus est ratione quia neque facere in enim atque harum, cupiditate eum, dolor modi. Quas, quam laudantium eos dolor saepe possimus rerum veniam necessitatibus labore ex, quia molestias velit minus animi ducimus fugit? Delectus corrupti repellat voluptate adipisci error maiores voluptatum exercitationem nemo. +

+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam illo dolorem numquam porro impedit expedita recusandae labore, quod ab cumque excepturi consectetur! Dignissimos eius excepturi dolor, doloribus neque rerum explicabo repellat possimus facere enim obcaecati mollitia voluptatum? Modi laborum quibusdam dolorum cupiditate maxime voluptatibus totam facere quisquam ut voluptate. Tempore? +
+
+ back to top +
+ +
+

lists

+

+ creating an ordered and unordered list for theming tests +

+

ordered list

+
+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
  4. four
    5. +
  5. five
    6. +
  6. six
    7. +
  7. seven
    8. +
  8. eight
    9. +
  9. nine
    10. +
  10. ten
    11. +
+
+

unordered list

+
+
    +
  • one
    • +
  • two
    • +
  • three
    • +
  • four
    • +
  • five
    • +
  • six
    • +
  • seven
    • +
  • eight
    • +
  • nine
    • +
  • ten
    • +
+
+ back to top +
+
+

tables

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
onetwothree
column onethis is column two and it's slightly larger than column onecol. 3
column onethis is column two and it's slightly larger than column onecol. 3
row three, column onerow three, column tworow three, column three
row four, columns one and tworow four, column tree
let's make this span all columns
+ back to top +
+ +
+ + + + + + diff --git a/lists.html b/lists.html new file mode 100644 index 0000000..10727f4 --- /dev/null +++ b/lists.html @@ -0,0 +1,74 @@ + + + + + + just lists + + + + +
+ +

just lists

+
+ + + +
+
+

lists

+

+ creating an ordered and unordered list for theming tests +

+

ordered list

+
+
    +
  1. one
    2. +
  2. two
    3. +
  3. three
    4. +
  4. four
    5. +
  5. five
    6. +
  6. six
    7. +
  7. seven
    8. +
  8. eight
    9. +
  9. nine
    10. +
  10. ten
    11. +
+
+

unordered list

+
+
    +
  • one
    • +
  • two
    • +
  • three
    • +
  • four
    • +
  • five
    • +
  • six
    • +
  • seven
    • +
  • eight
    • +
  • nine
    • +
  • ten
    • +
+
+
+
+ + + + + + diff --git a/prose.html b/prose.html new file mode 100644 index 0000000..e91f296 --- /dev/null +++ b/prose.html @@ -0,0 +1,59 @@ + + + + + + just prose + + + + +
+ black woman in a hat with head tipped down, the brin of the hat hiding her eyes +

just prose

+
+ + + + +
+
+
+

prose

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis temporibus nihil voluptates sit commodi corporis quidem ut rem aperiam, eum, ipsam corrupti fuga laborum nostrum. +

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita fugiat debitis dicta. Saepe culpa cumque expedita repellat eveniet, eligendi recusandae consequatur illum rem corporis dignissimos, aliquid iste corrupti, odio debitis itaque laboriosam quia. Sunt at doloribus, impedit dolorem quibusdam autem aspernatur laboriosam quidem tempore obcaecati iste laborum. Esse soluta voluptatibus nam laboriosam aperiam, odit dignissimos earum beatae sunt dolorum. Quidem ex ipsam neque omnis consequatur recusandae fuga eos temporibus perspiciatis corrupti iste ea pariatur, excepturi, nam esse nihil officia. Id pariatur eum eos eveniet at fuga minima cum praesentium provident quam. Voluptas atque rem, facere facilis odio sed minima iste est vel sapiente debitis ducimus quidem illo provident distinctio. Quibusdam ea alias reiciendis numquam! Debitis deleniti quam repellat magni voluptates! +

+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam illo dolorem numquam porro impedit expedita recusandae labore, quod ab cumque excepturi consectetur! Dignissimos eius excepturi dolor, doloribus neque rerum explicabo repellat possimus facere enim obcaecati mollitia voluptatum? Modi laborum quibusdam dolorum cupiditate maxime voluptatibus totam facere quisquam ut voluptate. Tempore? +
+

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consectetur velit quos error! Dolorem quasi unde obcaecati dignissimos repellendus error aliquam maxime repudiandae. Nihil quidem laboriosam nam consequuntur assumenda veniam culpa sint, porro aliquid suscipit possimus dignissimos vel deleniti amet ratione, cum debitis voluptates asperiores? Quia reiciendis dignissimos quas quos? Rerum magnam maxime ex eaque dolores! +

+
+
+
+ + + + + + + + + diff --git a/static/images/DSC_0908.jpeg b/static/images/DSC_0908.jpeg new file mode 100644 index 0000000..1238562 Binary files /dev/null and b/static/images/DSC_0908.jpeg differ diff --git a/static/images/SylaHusky-1.jpeg b/static/images/SylaHusky-1.jpeg new file mode 100644 index 0000000..c3a0137 Binary files /dev/null and b/static/images/SylaHusky-1.jpeg differ diff --git a/static/images/candle.jpg b/static/images/candle.jpg new file mode 100644 index 0000000..42dd7cf Binary files /dev/null and b/static/images/candle.jpg differ diff --git a/static/images/favicon.ico b/static/images/favicon.ico new file mode 100644 index 0000000..d89cdcf Binary files /dev/null and b/static/images/favicon.ico differ diff --git a/static/images/handcup.jpeg b/static/images/handcup.jpeg new file mode 100644 index 0000000..31646ff Binary files /dev/null and b/static/images/handcup.jpeg differ diff --git a/static/images/sm-fountain-pen.jpg b/static/images/sm-fountain-pen.jpg new file mode 100644 index 0000000..93dd645 Binary files /dev/null and b/static/images/sm-fountain-pen.jpg differ diff --git a/static/styles/style.css b/static/styles/style.css new file mode 100644 index 0000000..654268b --- /dev/null +++ b/static/styles/style.css @@ -0,0 +1,189 @@ +@charset "UTF-8"; +* { + margin: 0; + padding: 0; + border: 0; + list-style: none; + text-decoration: none; + border: none; +} + +html { + color-scheme: dark light; +} + +a { + color: #1f8200; +} +a:visited { + color: #afafaf; +} +a:hover { + text-decoration: overline underline; +} + +body { + font-family: monospace; + font-size: 16px; + padding: 8px; +} + +header { + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: baseline; + padding: 12px; +} +header img { + width: 64px; + height: auto; + border-radius: 50%; +} + +nav { + margin: 12px auto; + font-size: 24px; + border: 1px solid #d96500; + padding: 6px; + border-radius: 12px; +} +nav ul { + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + align-items: baseline; +} +nav li { + min-width: 100px; +} +nav li::before { + content: "🍁 "; +} + +main img { + display: block; + max-width: 120px; +} + +article { + margin: 12px auto; + border: 1px solid #d96500; + padding: 4px; + border-radius: 8px; +} +article h2 { + padding: 8px 0; + font-size: 24px; + text-align: center; + text-decoration: underline; +} +article h3 { + margin: 12px 24px; + text-decoration: underline; +} +article p { + padding: 12px; +} +article blockquote { + width: 80%; + margin: auto; + border-left: 4mm ridge #d91202; + border-radius: 2px; + padding-left: 9px; + padding-top: 2px; + padding-bottom: 2px; +} +article > a { + display: block; + text-align: right; +} + +section img { + max-width: 340px; + border-radius: 8px; +} +section ol { + margin-left: 54px; + padding-left: 24px; + margin-bottom: 12px; +} +section ol li { + list-style: lower-roman; +} +section ul { + margin-left: 54px; + padding-left: 24px; + margin-bottom: 12px; +} +section ul li { + list-style: square; +} + +.grid { + margin: 12px auto; + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + align-items: normal; + gap: 10px; +} + +table { + margin: 20px auto; + border: 1px solid #d96500; + border-radius: 8px; + padding: 4px; + color: #373735; +} +table tr, +table td { + padding: 4px; +} + +thead td { + background-color: #b4beba; + padding: 2px; + text-align: center; +} + +tbody tr:nth-child(odd) { + background-color: #34b543; +} +tbody tr:nth-child(even) { + background-color: #d58379; +} + +tfoot { + text-align: center; +} +tfoot tr { + background-color: #b4beba; +} + +footer { + margin: 10px auto; + font-size: 12px; + text-align: center; +} + +@media only screen and (min-width: 980px) { + body { + width: 80vw; + margin: auto; + } +} +@media (prefers-color-scheme: dark) { + html { + background-color: #373735; + color: #fffef2; + } +} +@media (prefers-color-scheme: light) { + html { + background-color: #fffef2; + color: #373735; + } +} + +/*# sourceMappingURL=style.css.map */ diff --git a/static/styles/style.scss b/static/styles/style.scss new file mode 100644 index 0000000..7057554 --- /dev/null +++ b/static/styles/style.scss @@ -0,0 +1,211 @@ +$border_colour: #d96500; +$white: #fffef2; +$black: #373735; +$blockquote_border: #d91202; +$link_color: #1f8200; +$link_visited: #afafaf; +$table_header: #b4beba; +$table_odd: #34b543; +$table_even: #d58379; +$dark_background: $black; +$light_background: $white; + + +* { + margin: 0; + padding: 0; + border: 0; + list-style: none; + text-decoration: none; + border: none; +} + +html { + color-scheme: dark light; +} + +a { + color: $link_color; + &:visited { + color: $link_visited; + } + &:hover { + text-decoration: overline underline; + } +} + +body { + font-family: monospace; + font-size: 16px; + padding: 8px; +} + +header { + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: baseline; + padding: 12px; + & img { + width: 64px; + height: auto; + border-radius: 50%; + } +} + +nav { + margin: 12px auto; + font-size: 24px; + border: 1px solid $border_colour; + padding: 6px; + border-radius: 12px; + & ul { + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + align-items: baseline; + } + & li { + min-width: 100px; + &::before { + content: "🍁 "; + } + } +} + +main { + & img { + display: block; + max-width: 120px; + } +} + +article { + margin: 12px auto; + border: 1px solid $border_colour; + padding: 4px; + border-radius: 8px; + & h2 { + padding: 8px 0; + font-size: 24px; + text-align: center; + text-decoration: underline; + } + & h3 { + margin: 12px 24px; + text-decoration: underline; + } + & p { + padding: 12px; + } + & blockquote { + width: 80%; + margin: auto; + border-left: 4mm ridge $blockquote_border; + border-radius: 2px; + padding-left: 9px; + padding-top: 2px; + padding-bottom: 2px; + } + & > a { + display: block; + text-align: right; + } +} + +section { + & img { + max-width: 340px; + border-radius: 8px; + } + & ol { + margin-left: 54px; + padding-left: 24px; + margin-bottom: 12px; + & li { + list-style: lower-roman; + } + } + & ul { + margin-left: 54px; + padding-left: 24px; + margin-bottom: 12px; + & li { + list-style: square; + } + } + +} + + +.grid { + margin: 12px auto; + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + align-items: normal; + gap: 10px; +} + +table { + margin: 20px auto; + border: 1px solid $border_colour; + border-radius: 8px; + padding: 4px; + color: $black; + & tr, + td { + padding: 4px; + } +} + +thead { + & td { + background-color: $table_header; + padding: 2px; + text-align: center; + } +} + +tbody { + & tr:nth-child(odd) { + background-color: $table_odd; + } + & tr:nth-child(even) { + background-color: $table_even; + } +} + +tfoot { + text-align: center; + & tr { + background-color: $table_header; + } +} + +footer { + margin: 10px auto; + font-size: 12px; + text-align: center; +} + +@media only screen and (min-width: 980px) { + body { + width: 80vw; + margin: auto; + } +} + +@media (prefers-color-scheme: dark) { + html { + background-color: $dark_background; + color: $white; + } +} + +@media (prefers-color-scheme: light) { + html { + background-color: $light_background; + color: $black; + } +} diff --git a/static/styles/styles.css b/static/styles/styles.css new file mode 100644 index 0000000..b641cf8 --- /dev/null +++ b/static/styles/styles.css @@ -0,0 +1,251 @@ +@charset "UTF-8"; +/* makes sizing simpler */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* remove default spacing */ +/* force styling of type through styling, rather than elements */ +* { + margin: 0; + padding: 0; + font: inherit; + border: 0; + list-style: none; + text-decoration: none; + border: none; +} + +/* dark mode user-agent-styles */ +html { + color-scheme: dark light; + font-family: monospace; + font-size: 16px; +} + +/* responsive images/videos */ +img, +picture, +svg, +video { + display: block; + max-width: 100%; +} + +header { + padding: 1.6rem 0; + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: center; +} +header h1 { + font-size: 2.2rem; + text-align: right; +} +header img { + border-radius: 50%; + width: 64px; + height: 64px; +} + +nav { + padding: 12px; + border: 1px dashed white; + border-radius: 12px; + font-size: 1.4rem; +} +nav ul { + text-align: center; + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; +} +nav ul li { + min-width: 100px; +} +nav ul li:before { + content: "≫ "; +} + +body { + width: 95vw; + margin: auto; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.8rem; +} + +main article { + margin: 12px 0; + border: 1px dashed white; + padding: 12px; + border-radius: 12px; +} +main article > a { + display: block; + text-align: right; + padding: 0.4rem; +} +main article h2 { + text-align: center; +} +main article p { + padding: 0.4rem 0; +} + +.prose_section { + border: 1px solid lightcoral; +} +.prose_section h2 { + text-align: center; + text-decoration: underline; +} +.prose_section p { + margin: 16px; +} +.prose_section blockquote { + border-left: solid red; + margin: auto; + width: 80%; + padding: 0.5rem; + text-align: justify; + font-style: italic; +} + +.lists { + border: 1px solid lightgreen; +} +.lists h2 { + text-align: center; + text-decoration: underline; + margin-bottom: 0.4rem; +} +.lists h3 { + font-weight: bold; + margin: 0 1rem; +} +.lists section { + margin: 0.2rem 2.5rem; +} +.lists ol, +.lists ul { + margin: 0 2rem; +} + +.ol_item { + list-style: lower-roman; +} + +.ul_item { + list-style: disc; +} + +.tables { + border: 1px solid goldenrod; + margin: 0.8rem auto; + padding: 0.1rem; + border-radius: 12px; +} +.tables h2 { + text-align: center; +} +.tables table { + margin: 0.4rem auto 1.2rem; + border: 1px solid goldenrod; + border-radius: 4px; +} +.tables table thead { + letter-spacing: 2px; + border: 1px dashed white; +} +.tables table thead tr { + font-size: 1.8rem; + text-align: center; + color: black; +} +.tables table thead tr td { + background-color: lightpink; + border-radius: 4px; + width: 33%; +} +.tables table tbody { + color: black; +} +.tables table tbody td { + padding: 0 0.4rem; +} +.tables table tbody tr:nth-child(odd) { + background-color: lightgreen; +} +.tables table tbody tr:nth-child(even) { + background-color: lightskyblue; +} +.tables table tfoot { + text-align: center; + font-weight: bold; + font-style: italic; + background-color: lightpink; + color: black; +} + +.span_two { + text-align: right; +} + +.images { + border: 1px solid #674834; + padding: 0.4rem; +} +.images section { + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + align-items: normal; + gap: 12px; + margin: 10px auto; +} +.images img { + width: 95%; + border-radius: 12px; + box-shadow: 1px 2px 4px grey; +} + +footer { + text-align: center; + margin-top: 2rem; + margin-bottom: 1rem; + font-size: 0.8rem; +} + +@media only screen and (min-width: 980px) { + header { + width: 80vw; + margin: auto; + } + nav { + width: 80vw; + margin: auto; + } + main { + width: 80vw; + margin: auto; + } + .images img { + width: 45%; + } +} +@media (prefers-color-scheme: dark) { + .images img { + box-shadow: 1px 2px 4px #674834; + } +} + +/*# sourceMappingURL=styles.css.map */ diff --git a/static/styles/styles.scss b/static/styles/styles.scss new file mode 100644 index 0000000..04a3e03 --- /dev/null +++ b/static/styles/styles.scss @@ -0,0 +1,258 @@ +@use 'sass:color'; + +$base_colour: #FDF2D1; +$font_colour: #1A1110; +$box_shadow: grey; +$dark_box_shadow: #674834 ; + +/* makes sizing simpler */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +/* remove default spacing */ +/* force styling of type through styling, rather than elements */ +* { + margin: 0; + padding: 0; + font: inherit; + border: 0; + list-style: none; + text-decoration: none; + border: none; +} + +/* dark mode user-agent-styles */ +html { + color-scheme: dark light; + font-family: monospace; + font-size: 16px; +} + +/* responsive images/videos */ +img, +picture, +svg, +video { + display: block; + max-width: 100%; +} + +header { + padding: 1.6rem 0; + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: center; + & h1 { + font-size: 2.2rem; + text-align: right; + } + & img { + border-radius: 50%; + width: 64px; + height: 64px; + } +} + +nav { + padding: 12px; + border: 1px dashed white; + border-radius: 12px; + font-size: 1.4rem; + & ul { + text-align: center; + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + & li { + min-width: 100px; + &:before { + content: "≫ "; + } + } + } +} + +body { + width: 95vw; + margin: auto; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.8rem; +} + +main { + & article { + margin: 12px 0; + border: 1px dashed white; + padding: 12px; + border-radius: 12px; + & > a { + display: block; + text-align: right; + padding: 0.4rem; + } + & h2 { + text-align: center; + } + & p { + padding: 0.4rem 0; + } + } +} + +.prose_section { + // margin: 1.2rem; + border: 1px solid lightcoral; + & h2 { + text-align: center; + text-decoration: underline; + } + & p { + margin: 16px; + } + & blockquote { + border-left: solid red; + margin: auto; + width: 80%; + padding: 0.5rem; + text-align: justify; + font-style: italic; + } +} + +.lists { + border: 1px solid lightgreen; + & h2 { + text-align: center; + text-decoration: underline; + margin-bottom: 0.4rem; + } + & h3 { + font-weight: bold; + margin: 0 1rem; + } + & section { + margin: 0.2rem 2.5rem; + } + & ol, + ul { + margin: 0 2rem; + } +} +.ol_item { + list-style: lower-roman; +} +.ul_item { + list-style: disc; +} + +.tables { + border: 1px solid goldenrod; + margin: 0.8rem auto; + padding: 0.1rem; + border-radius: 12px; + & h2 { + text-align: center; + } + & table { + margin: 0.4rem auto 1.2rem; + border: 1px solid goldenrod; + border-radius: 4px; + & thead { + letter-spacing: 2px; + border: 1px dashed white; + & tr { + font-size: 1.8rem; + text-align: center; + color: black; + & td { + background-color: lightpink; + border-radius: 4px; + width: 33%; + } + } + } + & tbody { + color: black; + & td { + padding: 0 0.4rem; + } + & tr:nth-child(odd) { + background-color: lightgreen; + } + & tr:nth-child(even) { + background-color: lightskyblue; + } + } + & tfoot { + text-align: center; + font-weight: bold; + font-style: italic; + background-color: lightpink; + color: black; + } + } +} + +.span_two { + text-align: right; +} + +.images { + border: 1px solid $dark_box_shadow; + padding: 0.4rem; + & section { + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; + align-items: normal; + gap: 12px; + margin: 10px auto; + } + & img { + width: 95%; + border-radius: 12px; + box-shadow: 1px 2px 4px grey; + } +} + + +footer { + text-align: center; + margin-top: 2rem; + margin-bottom: 1rem; + font-size: 0.8rem; +} + +@media only screen and (min-width: 980px) { + header { + width: 80vw; + margin: auto; + } + nav { + width: 80vw; + margin: auto; + } + main { + width: 80vw; + margin: auto; + } + .images img { + width: 45%; + } +} + +@media (prefers-color-scheme: dark) { + .images img { + box-shadow: 1px 2px 4px $dark_box_shadow; + } +} diff --git a/style.css.map b/style.css.map new file mode 100644 index 0000000..bb096cc --- /dev/null +++ b/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":";AAaA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACI,OAvBS;;AAwBT;EACI,OAxBO;;AA0BX;EACI;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;;AACA;EACI;;;AAMR;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;;AAKJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;;AACA;EACI;;;AAOZ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,OAxJI;;AAyJJ;AAAA;EAEI;;;AAKJ;EACI,kBA7JO;EA8JP;EACA;;;AAKJ;EACI,kBApKI;;AAsKR;EACI,kBAtKK;;;AA0Kb;EACI;;AACA;EACI,kBA/KO;;;AAmLf;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;IACI,kBAtMA;IAuMA,OAxMA;;;AA4MR;EACI;IACI,kBA9MA;IA+MA,OA9MA","file":"style.css"} \ No newline at end of file diff --git a/styles.css.map b/styles.css.map new file mode 100644 index 0000000..378f926 --- /dev/null +++ b/styles.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":";AAOA;AACA;AAAA;AAAA;EAGE;;;AAGF;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;;;AAMhB;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAIA;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;;AAKZ;EAEI;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;AAAA;EAEI;;;AAGR;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AAIZ;EACI;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;;AAKZ;EACI;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAIR;EACI;IACI","file":"styles.css"} \ No newline at end of file diff --git a/styles.scss.map b/styles.scss.map new file mode 100644 index 0000000..a4cdea6 --- /dev/null +++ b/styles.scss.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAEA","file":"styles.scss"} \ No newline at end of file diff --git a/tables.html b/tables.html new file mode 100644 index 0000000..bf6a33b --- /dev/null +++ b/tables.html @@ -0,0 +1,94 @@ + + + + + + just tables + + + + +
+ black woman in a hat with head tipped down, the brin of the hat hiding her eyes +

just tables

+
+ + + +
+
+
+

tables

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
onetwothree
column onethis is column two and it's slightly larger than column onecol. 3
column onethis is column two and it's slightly larger than column onecol. 3
row three, column onerow three, column tworow three, column three
row four, columns one and tworow four, column tree
agreementcontract
letterfeathercotton
all the thingsjust one
final hour
+
+
+
+ + + + + + + + +