commit f6db2252e59cb6ae93a552c40dba67e7bd1490bd Author: garrettmills Date: Tue Mar 9 15:26:58 2021 -0600 Initial import diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..2d4daa4 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea* diff --git a/index.html b/index.html new file mode 100644 index 0000000..d8195b5 --- /dev/null +++ b/index.html @@ -0,0 +1,41 @@ + + + + + + + + home | back2semantics + + + + + +
back2semantics navigation
+ +
+

back2semantics

+

The modern web is bloated. Let's get back to basics.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce malesuada tempus lorem in porttitor. Etiam laoreet velit posuere nisl vehicula, a euismod libero vestibulum. Proin faucibus leo eget diam tristique varius. Quisque quis orci eros. Sed hendrerit lectus ut leo aliquet, pulvinar porttitor nulla dapibus. Vestibulum fringilla enim a rutrum rhoncus. Integer bibendum diam vel scelerisque bibendum. Aenean at ex justo. Aenean interdum tellus vitae justo accumsan sollicitudin. Mauris dui leo, malesuada ac dignissim id, finibus ac mi. Proin pellentesque vulputate tortor vitae viverra. Nunc at porttitor libero. Nunc ante tortor, tempor in massa sit amet, viverra viverra dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam urna lectus, varius sit amet turpis vitae, lobortis tempor eros. Aliquam erat volutpat.

+

Aenean non euismod felis, at facilisis augue. Aliquam ornare lacinia convallis. Integer eget hendrerit nibh. Vestibulum volutpat hendrerit lacinia. Nam lectus urna, convallis non fermentum eget, sollicitudin sed mi. Mauris dictum ac eros sit amet euismod. Morbi vel nulla mauris. Vivamus fermentum arcu non nibh aliquet, nec hendrerit leo condimentum. Aenean lacinia purus libero, id gravida ex semper sit amet.

+ Learn More +
+
+

about b2s

+

This is some about text.

+
+ + + \ No newline at end of file diff --git a/lib/b2s.css b/lib/b2s.css new file mode 100644 index 0000000..4c54496 --- /dev/null +++ b/lib/b2s.css @@ -0,0 +1,80 @@ +html, body { + margin: 0; + padding: 0; + top: 0; + left: 0; + background: #eee; + font-family: sans-serif; + color: #333; +} + +section, nav, header, footer { + max-width: 800px; + margin-left: auto; + margin-right: auto; + padding-left: 10px; + padding-right: 10px; +} + +section, nav { + min-height: 100vh; + padding-top: 20px; + display: none; +} + +header { + padding: 10px 0; + font-weight: bold; + font-size: 1.3em; +} + +header a { + font-size: 0.8em; + font-weight: normal; + margin-left: 15px; +} + +nav ul { + list-style-type: none; + padding: 0; + margin: 0; +} + +nav ul li { + border-bottom: 1px solid #aaa; + transition: background 0.1s linear; +} + +nav ul li:nth-child(1) { + border-top: 1px solid #aaa; +} + +nav ul li:hover { + background: #f6f6f6; +} + +nav ul li a { + padding: 10px; + display: block; + text-decoration: none; +} + +:target { + display: block; +} + +footer { + padding: 20px 0; + color: #666; +} + +@media only screen and (max-width: 768px) { + section, nav, header, footer { + max-width: 100%; + } + + header, footer { + padding-left: 10px; + padding-right: 10px; + } +}