diff --git a/README.md b/README.md index 8edb605..c130c4d 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,5 @@ # mintea -Minimal Gitea web interface \ No newline at end of file +Minimal Gitea web interface. + +I've honestly never had mint tea but I bet it's pretty good. diff --git a/prototype/index.html b/prototype/index.html new file mode 100644 index 0000000..c431d71 --- /dev/null +++ b/prototype/index.html @@ -0,0 +1,137 @@ + + + +mintea + + + + + + +
+ +
+ +
+ viewing + owner/repo/branch as user +
+ +
+ +
+ +
+ + +
+

README.md

+
+

Some Repository

+

Ratione quis totam tempora sit magnam voluptas. Recusandae qui illo nulla eligendi. Perspiciatis iusto numquam suscipit aspernatur quibusdam ex.

+

Consequuntur atque rerum culpa numquam et et possimus dolor. Quidem possimus quia et consectetur. Debitis autem cupiditate vero maxime et libero quae. Tenetur vero architecto iure dolores numquam assumenda enim.

+

Dolorem facere animi quis repudiandae rerum dolor. Reprehenderit consequatur quae quia quos illum. Labore ducimus ut quaerat et corrupti cupiditate tenetur.

+

Nisi ut aut sunt dignissimos. Alias magnam itaque deleniti alias quibusdam id possimus eos. Reiciendis et eos placeat. Vero eligendi occaecati quaerat vitae voluptatem deserunt.

+

Dolor aut corrupti et officia id. Minus ipsam assumenda fugiat neque. Neque et saepe maiores iusto maiores. Dolor et at reprehenderit exercitationem totam neque.

+

Heading

+

Ratione quis totam tempora sit magnam voluptas. Recusandae qui illo nulla eligendi. Perspiciatis iusto numquam suscipit aspernatur quibusdam ex.

+

Consequuntur atque rerum culpa numquam et et possimus dolor. Quidem possimus quia et consectetur. Debitis autem cupiditate vero maxime et libero quae. Tenetur vero architecto iure dolores numquam assumenda enim.

+

Dolorem facere animi quis repudiandae rerum dolor. Reprehenderit consequatur quae quia quos illum. Labore ducimus ut quaerat et corrupti cupiditate tenetur.

+

Nisi ut aut sunt dignissimos. Alias magnam itaque deleniti alias quibusdam id possimus eos. Reiciendis et eos placeat. Vero eligendi occaecati quaerat vitae voluptatem deserunt.

+

Dolor aut corrupti et officia id. Minus ipsam assumenda fugiat neque. Neque et saepe maiores iusto maiores. Dolor et at reprehenderit exercitationem totam neque.

+

Heading

+

Ratione quis totam tempora sit magnam voluptas. Recusandae qui illo nulla eligendi. Perspiciatis iusto numquam suscipit aspernatur quibusdam ex.

+

Consequuntur atque rerum culpa numquam et et possimus dolor. Quidem possimus quia et consectetur. Debitis autem cupiditate vero maxime et libero quae. Tenetur vero architecto iure dolores numquam assumenda enim.

+

Dolorem facere animi quis repudiandae rerum dolor. Reprehenderit consequatur quae quia quos illum. Labore ducimus ut quaerat et corrupti cupiditate tenetur.

+

Nisi ut aut sunt dignissimos. Alias magnam itaque deleniti alias quibusdam id possimus eos. Reiciendis et eos placeat. Vero eligendi occaecati quaerat vitae voluptatem deserunt.

+

Dolor aut corrupti et officia id. Minus ipsam assumenda fugiat neque. Neque et saepe maiores iusto maiores. Dolor et at reprehenderit exercitationem totam neque.

+
+
+
+ + + + + + + diff --git a/prototype/style.css b/prototype/style.css new file mode 100644 index 0000000..9757b4d --- /dev/null +++ b/prototype/style.css @@ -0,0 +1,181 @@ +:root { + --glass: #EEEEEE77; + --background: #EEE; + --foreground: #333; + --subtle-foreground: #888; + --outline: #00000015; + --accent: #209D6E; + --subtle-accent: #209D6E30; + --shadow: 0 4px 32px #03281A12; +} + +* { + box-sizing: border-box; + scrollbar-color: var(--accent) transparent; +} + +*::selection { + background-color: var(--subtle-accent); +} + +body { + background: var(--background); + color: var(--foreground); + font-size: 10pt; + font-family: monospace; + margin: 0; +} + +a { + color: var(--accent); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +h1 { + font-size: 2em; + font-weight: bold; + + border-bottom: 1px solid var(--outline); + margin: 0.5em 0; + padding-bottom: 0.2em; +} + +h2 { + font-size: 1.5em; + font-weight: bold; + margin: 1em 0; +} + +h3 { + font-size: 1em; + font-weight: bold; + margin: 1em 0; +} + +#contentWrap, #mainTabs, header, nav, footer { + max-width: 90rem; + margin: auto; +} + +#stickyWrap { + position: sticky; + top: 0; + transition: 0.2s box-shadow; + z-index: 255; +} + +#stickyWrap.lifted { + background: var(--glass); + backdrop-filter: blur(32px); + box-shadow: var(--shadow); + border-bottom: 1px solid var(--outline); +} + +nav { + padding: 1rem; +} + +.buttonList { + margin: 0; + padding: 0; +} + +.buttonList li { + display: inline; +} + +.buttonList a { + margin-right: 1em; +} + +header { + padding: 0 1rem; +} + +#contentWrap { + padding: 1rem; +} + +@media screen and not (min-width: 60rem) { + aside { + margin-bottom: 1rem; + } +} + +@media screen and (min-width: 60rem) { + #contentWrap { + display: grid; + grid-gap: 1rem; + grid-template-columns: 24rem auto; + } +} + +@media screen and (min-width: 80rem) { + #contentWrap { + grid-template-columns: 36rem auto; + } +} + +.tabs { + padding: 1rem 1rem 0 1rem; + position: relative; +} + +.tabs::after { + position: absolute; + display: block; + width: 1rem; + height: 100%; + top: 0; + right: 1rem; + content: ""; + background-image: linear-gradient(to right, transparent 0%, var(--background) 100%); +} + +.tabs ul { + overflow-x: auto; + white-space: nowrap; + scrollbar-width: thin; + max-width: 100%; + display: inline; +} + +.files { + border-collapse:collapse; + border: none; + width: 100%; +} + +.files tr { + display: grid; + grid-template-columns: 30% auto 30%; +} + +.files td { + border: none; + padding: 0; +} + +.files td:last-child { + text-align: right; +} + +.files tr:not(:last-child) { + border-bottom: 1px solid var(--outline); + padding-bottom: 0.5rem; + margin-bottom: 0.5rem; +} + +footer { + padding: 1rem; + text-align: center; + color: var(--subtle-foreground); +} + +/* please leave this at the very bottom */ +*:first-child { margin-top: 0 } +*:last-child { margin-bottom: 0 }