diff --git a/.gitea/workflows/build.yml b/.gitea/workflows/build.yml new file mode 100644 index 0000000..3f2dd32 --- /dev/null +++ b/.gitea/workflows/build.yml @@ -0,0 +1,24 @@ +name: Build and push +run-name: ${{ github.actor }} building dogstats +on: [push] + +env: + REGISTRY: gitea.haschek.at + IMAGE_NAME: $(echo ${{ github.repository }} | tr '[:upper:]' '[:lower:]') + +jobs: + pull-on-server: + if: "contains(github.event.head_commit.message, 'push')" + name: Pulling repo on server + runs-on: ubuntu-latest + steps: + - name: Configure SSH + env: + SSH_KEY: ${{ secrets.SSH_KEY }} + run: | + mkdir -p ~/.ssh/ + echo "$SSH_KEY" > ~/.ssh/staging.key + chmod 600 ~/.ssh/staging.key + - name: Run docker restart on Server + run: | + ssh -i ~/.ssh/staging.key -o StrictHostKeyChecking=no -p 22 -o UserKnownHostsFile=/dev/null ${{ secrets.SSH_WEBSERVER_IP }} "cd /var/www/dogstats/ && git pull" \ No newline at end of file diff --git a/web/css/output.css b/web/css/output.css index 7d8a8fe..aa78416 100644 --- a/web/css/output.css +++ b/web/css/output.css @@ -576,10 +576,6 @@ video { top: -10rem; } -.left-\[calc\(50\%\+3rem\)\] { - left: calc(50% + 3rem); -} - .left-\[calc\(50\%-11rem\)\] { left: calc(50% - 11rem); } @@ -592,10 +588,6 @@ video { top: 0px; } -.top-\[calc\(100\%-13rem\)\] { - top: calc(100% - 13rem); -} - .isolate { isolation: isolate; } @@ -624,11 +616,6 @@ video { margin: -0.625rem; } -.mx-auto { - margin-left: auto; - margin-right: auto; -} - .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; @@ -639,28 +626,25 @@ video { margin-bottom: -1.5rem; } -.mt-10 { - margin-top: 2.5rem; -} - -.mt-6 { - margin-top: 1.5rem; +.mx-auto { + margin-left: auto; + margin-right: auto; } .mb-2 { margin-bottom: 0.5rem; } -.mb-6 { - margin-bottom: 1.5rem; -} - .ml-3 { margin-left: 0.75rem; } -.mr-2 { - margin-right: 0.5rem; +.mt-10 { + margin-top: 2.5rem; +} + +.mt-6 { + margin-top: 1.5rem; } .block { @@ -691,18 +675,6 @@ video { aspect-ratio: 1155/678; } -.h-24 { - height: 6rem; -} - -.h-6 { - height: 1.5rem; -} - -.h-8 { - height: 2rem; -} - .h-12 { height: 3rem; } @@ -715,8 +687,20 @@ video { height: 1.25rem; } -.w-24 { - width: 6rem; +.h-6 { + height: 1.5rem; +} + +.h-8 { + height: 2rem; +} + +.w-12 { + width: 3rem; +} + +.w-4 { + width: 1rem; } .w-6 { @@ -735,18 +719,6 @@ video { width: 100%; } -.w-12 { - width: 3rem; -} - -.w-4 { - width: 1rem; -} - -.w-8 { - width: 2rem; -} - .max-w-2xl { max-width: 42rem; } @@ -798,10 +770,10 @@ video { column-gap: 1.5rem; } -.space-y-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +.space-x-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1rem * var(--tw-space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { @@ -810,10 +782,10 @@ video { margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } -.space-x-4 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1rem * var(--tw-space-x-reverse)); - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); +.space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]) { @@ -834,12 +806,12 @@ video { overflow-y: auto; } -.rounded-full { - border-radius: 9999px; +.rounded { + border-radius: 0.25rem; } -.rounded-xl { - border-radius: 0.75rem; +.rounded-full { + border-radius: 9999px; } .rounded-lg { @@ -850,8 +822,8 @@ video { border-radius: 0.375rem; } -.rounded { - border-radius: 0.25rem; +.rounded-xl { + border-radius: 0.75rem; } .border { @@ -863,9 +835,9 @@ video { border-color: rgb(209 213 219 / var(--tw-border-opacity)); } -.bg-slate-100 { +.bg-gray-50 { --tw-bg-opacity: 1; - background-color: rgb(241 245 249 / var(--tw-bg-opacity)); + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .bg-indigo-600 { @@ -878,11 +850,6 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } @@ -897,10 +864,6 @@ video { --tw-gradient-to: #9089fc var(--tw-gradient-to-position); } -.p-8 { - padding: 2rem; -} - .p-1 { padding: 0.25rem; } @@ -931,6 +894,11 @@ video { padding-right: 0.875rem; } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -951,35 +919,16 @@ video { padding-bottom: 0.625rem; } -.py-32 { - padding-top: 8rem; - padding-bottom: 8rem; -} - .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} - .py-8 { padding-top: 2rem; padding-bottom: 2rem; } -.py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; -} - -.pt-6 { - padding-top: 1.5rem; -} - .pt-14 { padding-top: 3.5rem; } @@ -988,16 +937,6 @@ video { text-align: center; } -.text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; -} - -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - .text-4xl { font-size: 2.25rem; line-height: 2.5rem; @@ -1008,6 +947,11 @@ video { line-height: 1.5rem; } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -1018,15 +962,14 @@ video { line-height: 1.75rem; } -.text-2xl { - font-size: 1.5rem; - line-height: 2rem; -} - .font-bold { font-weight: 700; } +.font-light { + font-weight: 300; +} + .font-medium { font-weight: 500; } @@ -1035,10 +978,6 @@ video { font-weight: 600; } -.font-light { - font-weight: 300; -} - .leading-6 { line-height: 1.5rem; } @@ -1059,14 +998,14 @@ video { letter-spacing: -0.025em; } -.text-sky-500 { +.text-black { --tw-text-opacity: 1; - color: rgb(14 165 233 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity)); } -.text-slate-700 { +.text-gray-500 { --tw-text-opacity: 1; - color: rgb(51 65 85 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity)); } .text-gray-600 { @@ -1089,37 +1028,23 @@ video { color: rgb(79 70 229 / var(--tw-text-opacity)); } -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-black { - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } -.text-gray-500 { +.text-white { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.underline { - text-decoration-line: underline; + color: rgb(255 255 255 / var(--tw-text-opacity)); } .opacity-30 { opacity: 0.3; } -.shadow-sm { - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -1129,9 +1054,9 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @@ -1226,11 +1151,6 @@ video { border-color: rgb(55 65 81 / var(--tw-border-opacity)); } - .dark\:bg-slate-800 { - --tw-bg-opacity: 1; - background-color: rgb(30 41 59 / var(--tw-bg-opacity)); - } - .dark\:bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -1241,21 +1161,6 @@ video { background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } - .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); - } - - .dark\:text-sky-400 { - --tw-text-opacity: 1; - color: rgb(56 189 248 / var(--tw-text-opacity)); - } - - .dark\:text-slate-500 { - --tw-text-opacity: 1; - color: rgb(100 116 139 / var(--tw-text-opacity)); - } - .dark\:text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); @@ -1301,18 +1206,10 @@ video { top: -20rem; } - .sm\:left-\[calc\(50\%\+36rem\)\] { - left: calc(50% + 36rem); - } - .sm\:left-\[calc\(50\%-30rem\)\] { left: calc(50% - 30rem); } - .sm\:top-\[calc\(100\%-30rem\)\] { - top: calc(100% - 30rem); - } - .sm\:mb-8 { margin-bottom: 2rem; } @@ -1325,14 +1222,14 @@ video { width: 72.1875rem; } - .sm\:max-w-sm { - max-width: 24rem; - } - .sm\:max-w-md { max-width: 28rem; } + .sm\:max-w-sm { + max-width: 24rem; + } + .sm\:justify-center { justify-content: center; } @@ -1341,11 +1238,6 @@ video { padding: 2rem; } - .sm\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; - } - .sm\:text-6xl { font-size: 3.75rem; line-height: 1; @@ -1415,11 +1307,6 @@ video { padding-right: 2rem; } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; - } - .lg\:py-0 { padding-top: 0px; padding-bottom: 0px;