feat: New homepage is now responsive
Signed-off-by: prettysunflower <me@prettysunflower.moe>
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
.DS_Store
|
||||
deploy.sh
|
||||
.git
|
||||
|
||||
*.log
|
||||
*.pot
|
||||
|
||||
@@ -13,6 +13,10 @@ jobs:
|
||||
steps:
|
||||
- name: Checkout
|
||||
uses: actions/checkout@v5
|
||||
with:
|
||||
fetch-depth: 0
|
||||
- uses: actions/checkout@v5
|
||||
- run: git fetch --tags --prune --unshallow
|
||||
- name: Docker meta
|
||||
id: meta
|
||||
uses: docker/metadata-action@v5
|
||||
|
||||
+1
-11
@@ -1,6 +1,6 @@
|
||||
FROM alpine:3.22
|
||||
|
||||
RUN apk add curl python3 exiftool git
|
||||
RUN apk add curl python3 exiftool
|
||||
RUN adduser -D kakigoori
|
||||
|
||||
USER kakigoori
|
||||
@@ -14,15 +14,5 @@ COPY --chown=1000:1000 . .
|
||||
|
||||
RUN uv sync --group prod
|
||||
|
||||
RUN git config --global --add safe.directory /kakigoori
|
||||
RUN echo VERSION=\"$(git describe --tag)\" > kakigoori/version.py
|
||||
|
||||
USER root
|
||||
|
||||
RUN apk del git
|
||||
RUN rm -rf .git
|
||||
|
||||
USER prettysunflower
|
||||
|
||||
ENTRYPOINT ["/home/kakigoori/.local/bin/uv", "run", "gunicorn"]
|
||||
CMD ["-w", "4", "kakigoori.wsgi", "-b", "0.0.0.0:8001"]
|
||||
@@ -22,7 +22,6 @@ from images.decorators import (
|
||||
)
|
||||
from images.models import Image, ImageVariant
|
||||
from images.utils import get_b2_resource, remove_exif_gps_data
|
||||
from kakigoori import version
|
||||
|
||||
JpegImagePlugin._getmp = lambda x: None
|
||||
|
||||
@@ -30,7 +29,6 @@ JpegImagePlugin._getmp = lambda x: None
|
||||
def index(request):
|
||||
return render(request, "index.html", {
|
||||
"DEBUG": settings.DEBUG,
|
||||
"GIT_COMMIT": version.VERSION,
|
||||
})
|
||||
|
||||
|
||||
|
||||
@@ -1 +0,0 @@
|
||||
VERSION = "dev"
|
||||
@@ -48,9 +48,28 @@ header {
|
||||
grid-template-columns: 1.5fr 1fr;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
@media (width <= 992px) {
|
||||
header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 0;
|
||||
}
|
||||
header .background-image {
|
||||
width: 100%;
|
||||
aspect-ratio: 1.33;
|
||||
margin-right: 0 !important;
|
||||
border-bottom-right-radius: 1em !important;
|
||||
border-bottom-left-radius: 1em;
|
||||
}
|
||||
header .headline {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
header h1 {
|
||||
font-weight: 900;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
font-size: 3rem;
|
||||
}
|
||||
header h1 + p {
|
||||
@@ -83,6 +102,12 @@ main .description {
|
||||
gap: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
@media (width <= 992px) {
|
||||
main .description {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
main .description mark {
|
||||
display: inline-block;
|
||||
padding: 0.25em 0.5em;
|
||||
@@ -134,6 +159,12 @@ main #examples #examples-grid {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 1rem;
|
||||
}
|
||||
@media (width <= 992px) {
|
||||
main #examples #examples-grid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
main #examples #examples-grid img {
|
||||
width: 100%;
|
||||
aspect-ratio: 1.33;
|
||||
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AAAQ;AAMR;EACI,aACI;EAEJ,kBANe;EAOf;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAGJ;EAhBJ;IAiBQ;;;AAGJ;EApBJ;IAqBQ;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,kBAlGF;;AAoGE;EACI;;AAIR;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKZ;EACI,kBA/HE;EAgIF;;AAEA;EACI;;AAIR;EACI,kBAvID;EAwIC;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAMhB;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIA;EACI;;AAFR;EAKI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAOpB;EACI;EACA;EACA;EACA;;AAEA;EACI","file":"index.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["index.scss"],"names":[],"mappings":"AAAQ;AAMR;EACI,aACI;EAEJ,kBANe;EAOf;;AAEA;EACI;;;AAIR;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAGJ;EAhBJ;IAiBQ;;;AAGJ;EApBJ;IAqBQ;;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAVJ;IAWQ;IACA;IACA;;EAEA;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;;;AAKR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAKJ;EACI;EACA;EACA;EACA;;AAEA;EANJ;IAOQ;IACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBA5HF;;AA8HE;EACI;;AAIR;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKZ;EACI,kBAzJE;EA0JF;;AAEA;EACI;;AAIR;EACI,kBAjKD;EAkKC;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAMhB;EACI;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIA;EACI;;AAFR;EAKI;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAOpB;EACI;EACA;EACA;EACA;;AAEA;EACI","file":"index.css"}
|
||||
@@ -51,9 +51,30 @@ header {
|
||||
grid-template-columns: 1.5fr 1fr;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
@media (width <= 992px) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 0;
|
||||
|
||||
.background-image {
|
||||
width: 100%;
|
||||
aspect-ratio: 1.33;
|
||||
margin-right: 0 !important;
|
||||
border-bottom-right-radius: 1em !important;
|
||||
border-bottom-left-radius: 1em;
|
||||
}
|
||||
|
||||
.headline {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
font-weight: 900;
|
||||
margin-bottom: 0;
|
||||
margin-top: 0;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
@@ -93,6 +114,11 @@ main {
|
||||
gap: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
@media (width <= 992px) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
mark {
|
||||
display: inline-block;
|
||||
padding: .25em .5em;
|
||||
@@ -156,6 +182,11 @@ main {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 1rem;
|
||||
|
||||
@media (width <= 992px) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
aspect-ratio: 1.33;
|
||||
|
||||
@@ -207,7 +207,7 @@
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<p>Kakigoori {{ VERSION }}{% if GIT_COMMIT %} ({{ GIT_COMMIT }}){% endif %}{% if DEBUG %} DEBUG{% endif %} - 🏳️⚧️ Trans rights are human rights 🏳️⚧️</p>
|
||||
<p>Kakigoori {{ VERSION }}{% if DEBUG %} DEBUG{% endif %} - 🏳️⚧️ Trans rights are human rights 🏳️⚧️</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user