From 3ef3fb50e1ed3f1623e2c9b02efc115b757323bf Mon Sep 17 00:00:00 2001 From: Nirmal Kumar R Date: Mon, 1 Jun 2026 17:23:53 +0530 Subject: [PATCH] feat(ui): Initial design work --- index.html | 61 +++++++++++++++++++++++++ style.css | 128 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 189 insertions(+) create mode 100644 index.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..c0540df --- /dev/null +++ b/index.html @@ -0,0 +1,61 @@ + + + + + + + Document + + + + + + + +
+

sorcia

+
+

A simple, open-source, self-hosted, and privacy-focused Git service.

+
+ +
+

mysticmode/sorcia

+ + + +
+

Latest commit abc1234 on 2024-06-01

+
+ +
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0e1bbd5 --- /dev/null +++ b/style.css @@ -0,0 +1,128 @@ +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +*::selection { + background-color: #e7a85f; + color: #000; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; + color: #333; + font-size: 16px; + font-weight: normal; + font-style: normal; + font-optical-sizing: auto; + background-color: #f9f9f9; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: normal; + margin-bottom: 20px; +} + +ul, +li { + list-style: none; +} + +a { + color: #c35e5e; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.main { + width: 800px; + display: flex; + flex-direction: column; + min-height: calc(100vh - 40px); + margin: 0 auto; + border: 2px dotted #ccc; + border-spacing: 10px; + margin-top: 20px; + background-color: #fff; + padding: 20px; +} + +.title { + font-family: 'IBM Plex Mono', monospace; + font-size: 16px; + color: #c35e5e; +} + +.title_center { + font-size: 24px; + text-align: center; +} + +.title span { + color: #666; +} + +.description { + color: #555; + text-align: center; +} + +.repository { + margin-top: 30px; +} + +.repository__nav { + display: flex; + gap: 20px; + justify-content: center; + margin-bottom: 20px; + padding: 10px; + border: 1px solid #ccc; + font-size: 14px; +} + +.repository__files { + display: flex; + flex-direction: column; + gap: 10px; + margin-top: 20px; + font-size: 14px; +} + +.repository__files li { + padding: 5px; + border: 1px solid #eee; +} + +.repository__files a { + font-family: 'IBM Plex Mono', monospace; + color: #333; +} + +.repository__files .repository__item { + color: #c35e5e; +} + +.repository__files .date { + color: #999; + font-size: 12px; +} + +.repository__files .commit-desc { + color: #999; + font-size: 12px; + margin-top: 5px; + display: flex; + justify-content: space-between; +} \ No newline at end of file