v0.5.1: Design overhaul — felhom.eu branding, blue/cyan color scheme
- New color palette matching felhom.eu/controller templates (blue/cyan accent) - Plus Jakarta Sans font, 12px border radius, accent glow on focus - felhom.eu logo in navbar, "Powered by felhom.eu" footer - Settings page: documentation about external vs internal Docker URLs - Fixed version double "v" prefix display - Cleaned up example HTML files from development Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,232 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 645.30703 408.36403"
|
||||
version="1.1"
|
||||
id="svg14"
|
||||
sodipodi:docname="logo.svg"
|
||||
inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
|
||||
xml:space="preserve"
|
||||
inkscape:export-filename="logo.png"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
width="645.30701"
|
||||
height="408.36404"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:bx="https://boxy-svg.com"><sodipodi:namedview
|
||||
id="namedview14"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:zoom="1"
|
||||
inkscape:cx="356.99999"
|
||||
inkscape:cy="222.49999"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1009"
|
||||
inkscape:window-x="-8"
|
||||
inkscape:window-y="-8"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg14"><inkscape:page
|
||||
x="0"
|
||||
y="0"
|
||||
width="645.30701"
|
||||
height="408.36404"
|
||||
id="page2"
|
||||
margin="0"
|
||||
bleed="0" /></sodipodi:namedview><defs
|
||||
id="defs4"><linearGradient
|
||||
id="linearGradient9"
|
||||
bx:pinned="true"><stop
|
||||
offset="0"
|
||||
style=""
|
||||
id="stop8" /><stop
|
||||
offset="0.99875164"
|
||||
style="stop-color: rgb(4, 114, 187);"
|
||||
id="stop9" /></linearGradient><linearGradient
|
||||
id="gradient-1"
|
||||
bx:pinned="true"><stop
|
||||
offset="0"
|
||||
style="stop-color: rgb(0, 64, 141);"
|
||||
id="stop1" /><stop
|
||||
offset="1"
|
||||
style="stop-color: rgb(0, 141, 223);"
|
||||
id="stop2" /></linearGradient><linearGradient
|
||||
id="gradient-1-0"
|
||||
href="#gradient-1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="30.771"
|
||||
y1="2283.52"
|
||||
x2="30.771"
|
||||
y2="2416.4089"
|
||||
spreadMethod="pad"
|
||||
gradientTransform="matrix(0.999122,0,0,0.848244,1717.8096,192.633)" /><linearGradient
|
||||
id="gradient-1-1"
|
||||
href="#gradient-1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="30.849001"
|
||||
y1="2446.3101"
|
||||
x2="30.849001"
|
||||
y2="2588.6721"
|
||||
gradientTransform="matrix(0.996573,0,0,0.791798,1717.8096,192.63306)" /><linearGradient
|
||||
id="gradient-2"
|
||||
bx:pinned="true"><stop
|
||||
offset="0.002"
|
||||
style=""
|
||||
id="stop3" /><stop
|
||||
offset="1"
|
||||
style="stop-color: rgb(4, 114, 187);"
|
||||
id="stop4" /></linearGradient><linearGradient
|
||||
id="gradient-2-0"
|
||||
href="#gradient-2"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="255.14799"
|
||||
y1="321.186"
|
||||
x2="255.14799"
|
||||
y2="321.71799"
|
||||
gradientTransform="matrix(1.47e-4,6.198697,270.23999,-0.112229,-86674.622,-1260.2124)" /><linearGradient
|
||||
id="gradient-2-1"
|
||||
href="#gradient-2"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="255.08755"
|
||||
y1="321.37799"
|
||||
x2="255.09705"
|
||||
y2="321.90982"
|
||||
gradientTransform="matrix(1.17e-4,21.428825,213.85692,-0.389689,-68565.13,-5073.7432)" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#gradient-1"
|
||||
id="linearGradient14"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.999122,0,0,0.848244,-306.27885,-1772.6719)"
|
||||
x1="30.771"
|
||||
y1="2283.52"
|
||||
x2="30.771"
|
||||
y2="2416.4089"
|
||||
spreadMethod="pad" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#gradient-1"
|
||||
id="linearGradient15"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.996573,0,0,0.791798,-306.27895,-1772.6718)"
|
||||
x1="30.849001"
|
||||
y1="2446.3101"
|
||||
x2="30.849001"
|
||||
y2="2588.6721" /><linearGradient
|
||||
id="gradient-2-1-0"
|
||||
href="#linearGradient9"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="255.87483"
|
||||
y1="321.37949"
|
||||
x2="255.87479"
|
||||
y2="321.90854"
|
||||
gradientTransform="matrix(1.17e-4,21.428825,213.85692,-0.389689,-68565.13,-5073.7432)" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient9"
|
||||
id="linearGradient17"
|
||||
x1="160.76199"
|
||||
y1="268.35672"
|
||||
x2="284.18887"
|
||||
y2="268.80402"
|
||||
gradientUnits="userSpaceOnUse" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient9"
|
||||
id="linearGradient1"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="160.76199"
|
||||
y1="268.35672"
|
||||
x2="284.18887"
|
||||
y2="268.80402"
|
||||
gradientTransform="translate(-9.2828853,15.718777)" /></defs><rect
|
||||
x="1740.2544"
|
||||
y="2129.6233"
|
||||
width="16.597"
|
||||
height="112.721"
|
||||
style="fill:url(#gradient-1-0);stroke:url(#gradient-1-1);paint-order:fill"
|
||||
transform="rotate(-89.99513)"
|
||||
id="rect13" /><text
|
||||
style="font-size:28px;font-family:Arial, sans-serif;white-space:pre;fill:#333333"
|
||||
x="813.82861"
|
||||
y="302.39877"
|
||||
id="text14" /><text
|
||||
xml:space="preserve"
|
||||
style="font-size:106.667px;text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#00408d;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="324.56198"
|
||||
y="377.59503"
|
||||
id="text1"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan1"
|
||||
x="324.56198"
|
||||
y="377.59503"
|
||||
style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:106.667px;font-family:'M+ 2c';-inkscape-font-specification:'M+ 2c Heavy';fill:#00408d;fill-opacity:1;stroke:#000000;stroke-width:2;stroke-dasharray:none;stroke-opacity:1" /></text><g
|
||||
id="g1"
|
||||
transform="translate(43.276659,-1.4142135)"><text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:140.132px;font-family:'Vremena Grotesk';-inkscape-font-specification:'Vremena Grotesk';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#00408d;fill-opacity:1;stroke:#051343;stroke-width:2.33554;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="189.29001"
|
||||
y="402.45694"
|
||||
id="text2"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan2"
|
||||
x="189.29001"
|
||||
y="402.45694"
|
||||
style="font-size:140.132px;stroke-width:2.33554">f<tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'M+ 2c';-inkscape-font-specification:'M+ 2c';stroke-width:2.33554"
|
||||
id="tspan4">e</tspan>lhom</tspan></text><text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:140.132px;font-family:'M+ 2c';-inkscape-font-specification:'M+ 2c';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#008ddf;fill-opacity:1;stroke:#0472bb;stroke-width:2.33554;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="520.41119"
|
||||
y="401.63116"
|
||||
id="text5"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan5"
|
||||
x="520.41119"
|
||||
y="401.63116"
|
||||
style="stroke-width:2.33554;stroke:#0472bb;stroke-opacity:1">e<tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Vremena Grotesk';-inkscape-font-specification:'Vremena Grotesk';stroke:#0472bb;stroke-width:2.33554;stroke-opacity:1"
|
||||
id="tspan6">u</tspan></tspan></text><circle
|
||||
style="fill:#008ddf;fill-opacity:1;stroke:#0472bb;stroke-width:1.85226;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path6"
|
||||
cx="426.38022"
|
||||
cy="392.96091"
|
||||
r="10.150504" /></g><g
|
||||
id="g3"><g
|
||||
id="g2"><path
|
||||
id="path4"
|
||||
style="fill:#00408d;stroke:#051343;stroke-width:2px"
|
||||
d="m 153.81527,161.41782 v 28.90235 h 105.70117 v -10.96094 h -24.28711 v -17.94141 z m 20.66992,8.46485 a 5.5560002,5.5560002 0 0 1 5.55664,5.55664 5.5560002,5.5560002 0 0 1 -5.55664,5.55468 5.5560002,5.5560002 0 0 1 -5.55664,-5.55468 5.5560002,5.5560002 0 0 1 5.55664,-5.55664 z m 20.47852,0.0215 a 5.5560002,5.5560002 0 0 1 5.55664,5.55664 5.5560002,5.5560002 0 0 1 -5.55664,5.55664 5.5560002,5.5560002 0 0 1 -5.55664,-5.55664 5.5560002,5.5560002 0 0 1 5.55664,-5.55664 z m 20.25586,0.14258 a 5.5560002,5.5560002 0 0 1 5.55664,5.55664 5.5560002,5.5560002 0 0 1 -5.55664,5.55469 5.5560002,5.5560002 0 0 1 -5.55664,-5.55469 5.5560002,5.5560002 0 0 1 5.55664,-5.55664 z" /><path
|
||||
id="rect6"
|
||||
style="fill:#00408d;stroke:#051343;stroke-width:2px"
|
||||
d="m 153.72738,200.94907 v 28.90039 h 105.70117 v -28.90039 z m 20.67188,9.46289 a 5.5560002,5.5560002 0 0 1 5.55468,5.55664 5.5560002,5.5560002 0 0 1 -5.55468,5.55664 5.5560002,5.5560002 0 0 1 -5.55665,-5.55664 5.5560002,5.5560002 0 0 1 5.55665,-5.55664 z m 20.47656,0.0234 a 5.5560002,5.5560002 0 0 1 5.55664,5.55469 5.5560002,5.5560002 0 0 1 -5.55664,5.55664 5.5560002,5.5560002 0 0 1 -5.55469,-5.55664 5.5560002,5.5560002 0 0 1 5.55469,-5.55469 z" /><path
|
||||
id="path10"
|
||||
style="fill:#00408d;stroke:#051343;stroke-width:1.9;stroke-dasharray:none"
|
||||
d="m 197.77426,121.21274 v 28.90039 h 53.76953 l 38.35351,-28.90039 z m 20.67187,9.46289 a 5.5560002,5.5560002 0 0 1 5.55469,5.55664 5.5560002,5.5560002 0 0 1 -5.55469,5.55469 5.5560002,5.5560002 0 0 1 -5.55664,-5.55469 5.5560002,5.5560002 0 0 1 5.55664,-5.55664 z" /><path
|
||||
d="m 257.94649,264.90079 c -53.034,0 -99.796,-10.762 -127.437,-27.136 19.291,8.807 47.768,14.377 79.534,14.377 23.242,0 44.724,-2.982 62.135,-8.032 v -75.023 l -28.665,-0.001 115.772,-87.280004 48.409,36.495004 v -12.853 h 25.034 v 31.726 l 42.329,31.912 h -28.353 v 77.268 l -78.822,0.005 c -27.916,11.441 -66.856,18.542 -109.935,18.542 z m 102.245,-115.364 c -12.363,0 -22.385,10.022 -22.385,22.385 0,8.343 4.565,15.621 11.334,19.471 l -7.782,41.652 h 37.666 l -7.782,-41.652 c 6.769,-3.85 11.334,-11.127 11.334,-19.471 0,-12.363 -10.022,-22.385 -22.385,-22.385 z"
|
||||
style="fill:#00408d;stroke:#051343;stroke-width:2px"
|
||||
id="path11" /><path
|
||||
id="path2"
|
||||
style="fill:#008ddf;stroke:#0472bb"
|
||||
d="m 522.38281,159.26953 c -16.13,0.388 -18.85575,5.44224 -48.34375,27.74024 -31.401,25.206 -62.71092,49.374 -117.91992,67 -12.11688,3.8684 -22.84543,6.83673 -36.66992,9.16601 -3.52327,0.53538 -7.07021,1.0572 -10.49219,1.52734 -11.11981,1.52774 -21.588,2.81477 -31.93359,3.76563 l -0.37205,20.49219 c 13.36471,0.34187 35.32192,0.38638 61.20023,-0.23523 25.87831,-0.62162 55.67773,-1.90936 84.72687,-4.23198 29.04914,-2.32263 73.441,-8.14839 90.28521,-12.88581 11.83463,-3.32848 28.09255,-8.72249 37.92989,-19.04615 9.46724,-10.59763 17.11931,-21.57912 18.56188,-36.64771 0.76581,-7.99943 -1.41558,-15.75159 -4.01758,-22.93359 -7.941,-19.793 -24.84508,-34.14694 -42.95508,-33.71094 z"
|
||||
sodipodi:nodetypes="ccscsccssscscc" /><path
|
||||
id="path12"
|
||||
style="fill:#00408d;stroke:#000000"
|
||||
d="m 297.34961,5.4492188 c -65.399,-10e-8 -119.66288,43.7706692 -129.92188,101.1386712 -0.925,-0.029 -1.85411,-0.043 -2.78711,-0.043 -48.98199,0 -88.689448,39.70841 -88.689448,88.69141 0,48.968 50.024968,85.48542 92.356838,89.13334 l -3.4892,-16.75561 c -32.82055,-3.42533 -71.546884,-33.52411 -71.546884,-73.16211 0,-40.362 33.061744,-73.31914 73.491744,-73.31914 1.843,0 3.67147,0.0672 5.48047,0.20117 v -0.2246 c 4,0.257 7.90183,0.8211 11.67383,1.6621 2.252,-55.916995 52.66917,-100.619136 114.53515,-100.619136 53.04001,0 97.66433,32.85775 110.73633,77.46875 0.309,-0.159 0.61964,-0.315703 0.93164,-0.470703 0.006,0.02 0.0116,0.04055 0.0176,0.06055 11.026,-5.378001 23.57472,-8.419922 36.88672,-8.419922 37.486,0 68.91847,24.124511 77.35547,56.603511 C 520.38986,108.44553 485.73998,78 443.58398,78 c -8.339,0 -16.38403,1.191298 -23.95703,3.404297 -19.419,-44.513 -66.84934,-75.9550782 -122.27734,-75.9550782 z"
|
||||
sodipodi:nodetypes="scssccsscccscccscscs" /><path
|
||||
id="rect2"
|
||||
style="fill:url(#linearGradient14);stroke:url(#linearGradient15);paint-order:fill"
|
||||
d="m -267.63252,164.31767 -15.70118,-0.12404 -3.54906,37.20629 -1.95109,76.01487 20.15622,-0.37475 c -4.12353,-45.07233 -3.02437,-82.7491 1.04511,-112.72275 z"
|
||||
sodipodi:nodetypes="ccccccc"
|
||||
transform="rotate(-89.99513)" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:url(#linearGradient17);stroke-width:1;stroke-dasharray:none"
|
||||
d="m 161.24828,267.14668 c 40.90805,5.43949 88.8177,6.68378 159.17408,-4.13383"
|
||||
id="path14"
|
||||
sodipodi:nodetypes="cc" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:url(#linearGradient1);stroke-width:1;stroke-dasharray:none"
|
||||
d="m 151.96539,281.42915 c 19.27385,6.64292 99.62693,7.03138 134.89483,7.72"
|
||||
id="path14-8"
|
||||
sodipodi:nodetypes="cc" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 13 KiB |
+14
-1
@@ -3,7 +3,7 @@
|
||||
import os
|
||||
import traceback
|
||||
|
||||
from flask import Flask, render_template, request, redirect, url_for, flash, jsonify
|
||||
from flask import Flask, render_template, request, redirect, url_for, flash, jsonify, send_from_directory
|
||||
|
||||
from app import config
|
||||
from app.scraper import scrape, supported_sites
|
||||
@@ -195,6 +195,19 @@ def list_all_tags():
|
||||
return jsonify({"mealie": mealie_tags, "tandoor": tandoor_tags})
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Assets
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
ASSETS_DIR = os.path.join(os.path.dirname(__file__), "assets")
|
||||
|
||||
|
||||
@app.route("/assets/<path:filename>")
|
||||
def serve_asset(filename):
|
||||
"""Serve static assets (logo, etc.) from app/assets/."""
|
||||
return send_from_directory(ASSETS_DIR, filename)
|
||||
|
||||
|
||||
# ---------------------------------------------------------------------------
|
||||
# Health
|
||||
# ---------------------------------------------------------------------------
|
||||
|
||||
+75
-28
@@ -4,30 +4,38 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}Recept Importáló{% endblock %}</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--bg: #1a1a2e;
|
||||
--surface: #16213e;
|
||||
--surface2: #0f3460;
|
||||
--accent: #e94560;
|
||||
--accent-hover: #d63851;
|
||||
--text: #eee;
|
||||
--text-dim: #aab;
|
||||
--success: #2ecc71;
|
||||
--warning: #f39c12;
|
||||
--danger: #e74c3c;
|
||||
--border: #2a2a4a;
|
||||
--input-bg: #1a1a3e;
|
||||
--radius: 8px;
|
||||
--bg: #0d1117;
|
||||
--surface: #161b22;
|
||||
--surface2: #1c2128;
|
||||
--accent: #0088cc;
|
||||
--accent-hover: #006da3;
|
||||
--accent-light: #00aaff;
|
||||
--accent-glow: rgba(0,136,204,0.3);
|
||||
--text: #e6edf3;
|
||||
--text-dim: #8b949e;
|
||||
--success: #238636;
|
||||
--success-text: #3fb950;
|
||||
--warning: #d29922;
|
||||
--danger: #da3633;
|
||||
--border: #30363d;
|
||||
--input-bg: #0d1117;
|
||||
--radius: 12px;
|
||||
}
|
||||
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* --- Nav --- */
|
||||
@@ -40,11 +48,18 @@
|
||||
gap: 1.5rem;
|
||||
}
|
||||
nav .brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.6rem;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
color: var(--accent);
|
||||
color: var(--accent-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
nav .brand img {
|
||||
height: 28px;
|
||||
width: auto;
|
||||
}
|
||||
nav a {
|
||||
color: var(--text-dim);
|
||||
text-decoration: none;
|
||||
@@ -67,6 +82,7 @@
|
||||
max-width: 900px;
|
||||
margin: 2rem auto;
|
||||
padding: 0 1rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* --- Cards --- */
|
||||
@@ -100,12 +116,14 @@
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1rem;
|
||||
transition: border-color 0.15s;
|
||||
font-family: inherit;
|
||||
}
|
||||
input:focus, textarea:focus {
|
||||
outline: none;
|
||||
border-color: var(--accent);
|
||||
box-shadow: 0 0 0 3px var(--accent-glow);
|
||||
}
|
||||
textarea { resize: vertical; min-height: 80px; font-family: inherit; }
|
||||
textarea { resize: vertical; min-height: 80px; }
|
||||
|
||||
/* --- Buttons --- */
|
||||
.btn {
|
||||
@@ -120,14 +138,15 @@
|
||||
cursor: pointer;
|
||||
transition: background 0.15s, transform 0.1s;
|
||||
color: #fff;
|
||||
font-family: inherit;
|
||||
}
|
||||
.btn:active { transform: scale(0.97); }
|
||||
.btn-primary { background: var(--accent); }
|
||||
.btn-primary:hover { background: var(--accent-hover); }
|
||||
.btn-secondary { background: var(--surface2); }
|
||||
.btn-secondary:hover { background: #1a4a7a; }
|
||||
.btn-success { background: var(--success); color: #111; }
|
||||
.btn-success:hover { background: #27ae60; }
|
||||
.btn-secondary { background: var(--surface2); border: 1px solid var(--border); }
|
||||
.btn-secondary:hover { background: #2d333b; }
|
||||
.btn-success { background: var(--success); }
|
||||
.btn-success:hover { background: #1a7f2b; }
|
||||
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
|
||||
|
||||
/* --- Alerts --- */
|
||||
@@ -137,9 +156,9 @@
|
||||
margin-bottom: 1rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.alert-success { background: rgba(46,204,113,0.15); border: 1px solid var(--success); }
|
||||
.alert-warning { background: rgba(243,156,18,0.15); border: 1px solid var(--warning); }
|
||||
.alert-danger { background: rgba(231,76,60,0.15); border: 1px solid var(--danger); }
|
||||
.alert-success { background: rgba(35,134,54,0.15); border: 1px solid var(--success); color: var(--success-text); }
|
||||
.alert-warning { background: rgba(210,153,34,0.15); border: 1px solid var(--warning); color: var(--warning); }
|
||||
.alert-danger { background: rgba(218,54,51,0.15); border: 1px solid var(--danger); color: #f85149; }
|
||||
|
||||
/* --- Spinner --- */
|
||||
.spinner {
|
||||
@@ -147,12 +166,32 @@
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
border: 2px solid rgba(255,255,255,0.3);
|
||||
border-top-color: #fff;
|
||||
border-top-color: var(--accent-light);
|
||||
border-radius: 50%;
|
||||
animation: spin 0.6s linear infinite;
|
||||
}
|
||||
@keyframes spin { to { transform: rotate(360deg); } }
|
||||
|
||||
/* --- Footer --- */
|
||||
.site-footer {
|
||||
text-align: center;
|
||||
padding: 1.5rem 1rem;
|
||||
color: var(--text-dim);
|
||||
font-size: 0.8rem;
|
||||
border-top: 1px solid var(--border);
|
||||
margin-top: auto;
|
||||
}
|
||||
.site-footer a {
|
||||
color: var(--accent-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
.site-footer a:hover { text-decoration: underline; }
|
||||
.site-footer .tagline {
|
||||
font-style: italic;
|
||||
margin-top: 0.3rem;
|
||||
color: #6e7681;
|
||||
}
|
||||
|
||||
/* --- Misc --- */
|
||||
.hidden { display: none !important; }
|
||||
.mb-1 { margin-bottom: 0.5rem; }
|
||||
@@ -160,8 +199,8 @@
|
||||
.mt-1 { margin-top: 0.5rem; }
|
||||
.mt-2 { margin-top: 1rem; }
|
||||
.text-dim { color: var(--text-dim); }
|
||||
.text-success { color: var(--success); }
|
||||
.text-danger { color: var(--danger); }
|
||||
.text-success { color: var(--success-text); }
|
||||
.text-danger { color: #f85149; }
|
||||
.text-warning { color: var(--warning); }
|
||||
.flex { display: flex; gap: 0.75rem; align-items: center; }
|
||||
.flex-wrap { flex-wrap: wrap; }
|
||||
@@ -171,10 +210,13 @@
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="/" class="brand">Recept Importáló</a>
|
||||
<a href="/" class="brand">
|
||||
<img src="/assets/logo.svg" alt="felhom.eu">
|
||||
Recept Importáló
|
||||
</a>
|
||||
<a href="/import" {% if request.path == '/import' %}class="active"{% endif %}>Importálás</a>
|
||||
<a href="/settings" {% if request.path == '/settings' %}class="active"{% endif %}>Beállítások</a>
|
||||
<span class="version">v{{ version }}</span>
|
||||
<span class="version">{{ version }}</span>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
@@ -187,6 +229,11 @@
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
|
||||
<footer class="site-footer">
|
||||
Powered by <a href="https://felhom.eu" target="_blank">felhom.eu</a>
|
||||
<div class="tagline">Saját felhőd, saját szabályaid</div>
|
||||
</footer>
|
||||
|
||||
{% block scripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -152,7 +152,7 @@
|
||||
}
|
||||
.tag-chip:hover { opacity: 0.8; }
|
||||
.tag-chip.tag-active {
|
||||
background: var(--success, #2ea043);
|
||||
background: var(--success);
|
||||
color: #fff;
|
||||
}
|
||||
.tag-chip.tag-inactive {
|
||||
@@ -259,7 +259,7 @@
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: 0.03em;
|
||||
}
|
||||
.bulk-table tr.row-active { background: rgba(233,69,96,0.08); }
|
||||
.bulk-table tr.row-active { background: rgba(0,136,204,0.08); }
|
||||
.bulk-table .url-cell {
|
||||
max-width: 220px;
|
||||
overflow: hidden;
|
||||
@@ -277,13 +277,13 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
.status-pending { background: var(--surface2); color: var(--text-dim); }
|
||||
.status-scraping { background: rgba(52,152,219,0.2); color: #3498db; }
|
||||
.status-reviewing { background: rgba(243,156,18,0.2); color: var(--warning); }
|
||||
.status-importing { background: rgba(52,152,219,0.2); color: #3498db; }
|
||||
.status-done { background: rgba(46,204,113,0.2); color: var(--success); }
|
||||
.status-error { background: rgba(231,76,60,0.2); color: var(--danger); }
|
||||
.status-scraping { background: rgba(0,170,255,0.15); color: var(--accent-light); }
|
||||
.status-reviewing { background: rgba(210,153,34,0.15); color: var(--warning); }
|
||||
.status-importing { background: rgba(0,170,255,0.15); color: var(--accent-light); }
|
||||
.status-done { background: rgba(35,134,54,0.15); color: var(--success-text); }
|
||||
.status-error { background: rgba(218,54,51,0.15); color: var(--danger); }
|
||||
.status-skipped { background: var(--surface2); color: var(--text-dim); }
|
||||
.status-duplicate { background: rgba(243,156,18,0.2); color: var(--warning); }
|
||||
.status-duplicate { background: rgba(210,153,34,0.15); color: var(--warning); }
|
||||
|
||||
.btn-sm {
|
||||
padding: 0.3rem 0.8rem;
|
||||
|
||||
@@ -1,12 +1,49 @@
|
||||
{% extends "base.html" %}
|
||||
{% block title %}Beállítások — Recept Importáló{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
<style>
|
||||
.info-box {
|
||||
background: var(--surface2);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-dim);
|
||||
line-height: 1.6;
|
||||
}
|
||||
.info-box strong { color: var(--text); }
|
||||
.info-box code {
|
||||
background: var(--bg);
|
||||
padding: 0.15rem 0.4rem;
|
||||
border-radius: 4px;
|
||||
font-size: 0.8rem;
|
||||
color: var(--accent-light);
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="info-box">
|
||||
<strong>Külső vs. belső URL-ek</strong><br>
|
||||
Az itt megadott URL-ek a <strong>külső (böngészőből elérhető)</strong> címek —
|
||||
ezeket használja az importáló a receptekre mutató linkek generálásához.<br><br>
|
||||
Ha a Recept Importáló ugyanazon a Docker hálózaton fut, mint a Mealie/Tandoor,
|
||||
beállíthatsz <strong>belső URL-eket</strong> is a <code>docker-compose.yml</code>-ben
|
||||
környezeti változóként:<br>
|
||||
<code>MEALIE_INTERNAL_URL=http://mealie:9000</code><br>
|
||||
<code>TANDOOR_INTERNAL_URL=http://tandoor:8080</code><br><br>
|
||||
A belső URL-ek gyorsabb, közvetlen API-hívásokat tesznek lehetővé
|
||||
(elkerülve a reverse proxy-t / Cloudflare-t).
|
||||
Ha nincsenek megadva, a fenti külső URL-ek lesznek használva az API-hívásokhoz is.
|
||||
</div>
|
||||
|
||||
<form method="POST" action="/settings">
|
||||
<div class="card">
|
||||
<h2>Mealie kapcsolat</h2>
|
||||
|
||||
<label for="mealie_url">Mealie URL</label>
|
||||
<label for="mealie_url">Mealie URL (külső)</label>
|
||||
<input type="url" id="mealie_url" name="mealie_url"
|
||||
value="{{ cfg.mealie_url }}"
|
||||
placeholder="https://mealie.example.com">
|
||||
@@ -31,7 +68,7 @@
|
||||
<div class="card">
|
||||
<h2>Tandoor kapcsolat</h2>
|
||||
|
||||
<label for="tandoor_url">Tandoor URL</label>
|
||||
<label for="tandoor_url">Tandoor URL (külső)</label>
|
||||
<input type="url" id="tandoor_url" name="tandoor_url"
|
||||
value="{{ cfg.tandoor_url }}"
|
||||
placeholder="https://recipes.example.com">
|
||||
|
||||
Reference in New Issue
Block a user