From 84b036b926d90b52956350d99b3a070b3dd1d7ac Mon Sep 17 00:00:00 2001 From: JJ Date: Wed, 19 Mar 2025 14:53:53 +0000 Subject: first commit --- .gitignore | 10 + scripts/database/__init__.py | 0 scripts/database/mongo.py | 5 + scripts/recipes/__init__.py | 0 scripts/recipes/handle_recipes.py | 79 + scripts/scraping/__init__.py | 0 scripts/scraping/scraper.py | 35 + scripts/users/__init__.py | 0 scripts/users/handle_users.py | 30 + server.py | 144 ++ static/scripts/htmx.js | 1 + static/style/classless.css | 386 ++++ static/style/style.css | 127 ++ templates/base.html | 15 + templates/components/app.html | 48 + templates/components/header.html | 21 + templates/pages/about.html | 20 + templates/pages/account.html | 16 + templates/pages/home.html | 26 + templates/pages/landing.html | 15 + templates/pages/login.html | 13 + templates/pages/signup.html | 18 + templates/pages/single-recipe.html | 29 + veg.html | 3693 ++++++++++++++++++++++++++++++++++++ 24 files changed, 4731 insertions(+) create mode 100644 .gitignore create mode 100644 scripts/database/__init__.py create mode 100644 scripts/database/mongo.py create mode 100644 scripts/recipes/__init__.py create mode 100644 scripts/recipes/handle_recipes.py create mode 100644 scripts/scraping/__init__.py create mode 100644 scripts/scraping/scraper.py create mode 100644 scripts/users/__init__.py create mode 100644 scripts/users/handle_users.py create mode 100644 server.py create mode 100644 static/scripts/htmx.js create mode 100644 static/style/classless.css create mode 100644 static/style/style.css create mode 100644 templates/base.html create mode 100644 templates/components/app.html create mode 100644 templates/components/header.html create mode 100644 templates/pages/about.html create mode 100644 templates/pages/account.html create mode 100644 templates/pages/home.html create mode 100644 templates/pages/landing.html create mode 100644 templates/pages/login.html create mode 100644 templates/pages/signup.html create mode 100644 templates/pages/single-recipe.html create mode 100644 veg.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..62c1b88 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +.idea/ +.vscode/ +.venv*/ +venv*/ +__pycache__/ +dist/ +.coverage* +htmlcov/ +.tox/ +docs/_build/ diff --git a/scripts/database/__init__.py b/scripts/database/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/scripts/database/mongo.py b/scripts/database/mongo.py new file mode 100644 index 0000000..cc4dffa --- /dev/null +++ b/scripts/database/mongo.py @@ -0,0 +1,5 @@ +from pymongo import MongoClient + +# Monogo +mongo_client = MongoClient("mongodb://localhost:27017/") +mongo_database = mongo_client["recipedb"] diff --git a/scripts/recipes/__init__.py b/scripts/recipes/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/scripts/recipes/handle_recipes.py b/scripts/recipes/handle_recipes.py new file mode 100644 index 0000000..76faf86 --- /dev/null +++ b/scripts/recipes/handle_recipes.py @@ -0,0 +1,79 @@ +from bson.objectid import ObjectId +from scripts.database.mongo import mongo_database +from scripts.scraping.scraper import scrape + +mongo_collection = mongo_database["recipes"] + +def add_single_recipe(recipe): + added_recipe = mongo_collection.insert_one(recipe) + new_recipe = mongo_collection.find_one() + return added_recipe + +def recipe_exists(user, url): + recipe_exists = mongo_collection.find_one({"url": url, "user": user}) + if recipe_exists is not None: + return True + else: + return False + +def get_all_recipes(user): + all_recipes = mongo_collection.find({"user": user}).to_list() + return all_recipes + +def get_single_recipe(objectId): + single_recipe = mongo_collection.find_one({"_id": ObjectId(objectId) }) + return single_recipe + +def delete_single_recipe(objectId): + try: + mongo_collection.delete_one({"_id": ObjectId(objectId)}) + return {"success": True, "id": objectId} + except: + return {"success": False, "error": "Could not delete recipe"} + +def search_recipes(query_data, user): + query = query_data["q"] + facets_list = [] + + for item in query_data: + if "choice" in item: + facets_list.append(query_data[item]) + + if len(facets_list) > 0: + mongo_query = {"tags":{ "$all": facets_list}, "user": user, "title": { "$regex": query, "$options": "xi" }} + else: + mongo_query = {"title": { "$regex": query, "$options": "xi" }, "user": user} + + all_recipes = mongo_collection.find(mongo_query).to_list() + return all_recipes + +def get_facets(user, query_data=None): + if query_data is not None: + facets_list = [] + new_list = [] + query = query_data["q"] + for item in query_data: + if "choice" in item: + facets_list.append(query_data[item]) + + if len(facets_list) > 0: + mongo_query = {"tags":{ "$all": facets_list}, "user": user, "title": { "$regex": query, "$options": "xi" }} + else: + mongo_query = {"title": { "$regex": query, "$options": "xi" }, "user": user} + + facets = mongo_collection.distinct("tags", mongo_query) + + for facet in facets: + if facet in facets_list: + new_list.append({"name": facet, "checked": True}) + else: + new_list.append({"name": facet, "checked": False}) + + return new_list + + else: + new_list = [] + facets = mongo_collection.distinct("tags", {"user": user}) + for facet in facets: + new_list.append({"name": facet, "checked": False}) + return new_list diff --git a/scripts/scraping/__init__.py b/scripts/scraping/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/scripts/scraping/scraper.py b/scripts/scraping/scraper.py new file mode 100644 index 0000000..50b46ae --- /dev/null +++ b/scripts/scraping/scraper.py @@ -0,0 +1,35 @@ +import requests +from urllib import parse +import json +from bs4 import BeautifulSoup + +def scrape(url, user_name): + data = requests.get(url, headers= {"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"}) + html = BeautifulSoup(data.text, 'html.parser') + inner_html = html.find('script', class_='yoast-schema-graph') + json_data = json.loads(inner_html.contents[0]) + graph_data = json_data["@graph"] + for i in graph_data: + if(i["@type"] == "Recipe"): + recipe = {} + instructions = [] + for instruction in i["recipeInstructions"]: + instructions.append(instruction["text"]) + keywords_list = i["keywords"].split(",") + tags = i["recipeCuisine"] + keywords_list + cleaned_tags = list(set([tag.strip().lower() for tag in tags])) + slug = parse.quote(i["name"]).lower() + + # The recipe + recipe["user"] = user_name + recipe["slug"] = slug + recipe["title"] = i["name"] + recipe["image"] = i["image"][0] + recipe["url"] = i["mainEntityOfPage"] + recipe["tags"] = cleaned_tags + recipe["ingredients"] = i["recipeIngredient"] + recipe["instructions"] = instructions + recipe["visible_by"] = ["jez"] + # recipe["encoded_url"] = urllib.parse.quote(i["name"]) + # Complete this all later!! + return recipe diff --git a/scripts/users/__init__.py b/scripts/users/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/scripts/users/handle_users.py b/scripts/users/handle_users.py new file mode 100644 index 0000000..87ff7cd --- /dev/null +++ b/scripts/users/handle_users.py @@ -0,0 +1,30 @@ +from scripts.database.mongo import mongo_database +mongo_collection = mongo_database["users"] + +def user_exists(user): + try: + res = mongo_collection.find_one({"name": user}, {"password": 1}) + if res is None: + return {"success": True, "user": None} + else: + return {"success": True, "user": user, "password": res["password"]} + except: + return {"success": False, "error": "Request error, try again"} + +def authenticate_user(user, password_matches): + try: + res = mongo_collection.find_one({"name": user}) + if res is None: + return {"success": False, "error": "Password doesn't match, try again"} + else: + return {"success": True, "user": user} + except: + return {"success": False, "error": "Something went wrong matching your password"} + +def add_user(user, password): + try: + res = mongo_collection.insert_one({"name": user, "password": password}) + return {"success": True, "user": user} + except: + print("error") + diff --git a/server.py b/server.py new file mode 100644 index 0000000..013089a --- /dev/null +++ b/server.py @@ -0,0 +1,144 @@ +from flask import Flask, Response, render_template, request, session, redirect, url_for +import functools +import re +from scripts.database.mongo import mongo_database +from scripts.scraping.scraper import scrape +from scripts.recipes.handle_recipes import recipe_exists, add_single_recipe, get_all_recipes, get_single_recipe, get_facets, delete_single_recipe, search_recipes +from scripts.users.handle_users import user_exists, authenticate_user, add_user +from flask_bcrypt import Bcrypt + +# Bcrypt.check_password_hash(hashed_password, "eligible password") +app = Flask(__name__) +bcrypt = Bcrypt(app) +app.config["TEMPLATES_AUTO_RELOAD"] = True +app.secret_key = 'wdkbahjfbqb' + +# Decorator function to check for username in session to protect routes +def login_required(func): + @functools.wraps(func) + def secure_function(*args, **kwargs): + if "username" not in session: + return redirect(url_for("login")) + return func(*args, **kwargs) + return secure_function + +# Pages +@app.route("/home") +@login_required +def home_page(): + tags = get_facets(session["username"]) + all_recipes = get_all_recipes(session["username"]) + return render_template("/pages/home.html",recipes=all_recipes, facets=tags) + +@app.route("/") +def landing_page(): + return render_template("/pages/landing.html") + +@app.route("/recipe/") +@login_required +def single_recipe_page(recipe_id): + recipe_details = get_single_recipe(recipe_id) + return render_template("/pages/single-recipe.html", single_recipe=recipe_details) + +@app.route("/login") +def login(): + return render_template("/pages/login.html") + +@app.route("/signup") +def signup(): + return render_template("/pages/signup.html") + +@app.route("/account") +def account(): + if "username" not in session: + return redirect(url_for("login")) + else: + return render_template("/pages/account.html") + +@app.route("/about") +def about(): + return render_template("/pages/about.html") + +# API routes +@app.post("/recipes/add") +def add_recipe(): + req_data = request.form.to_dict() + submitted_url = req_data["url"] + if submitted_url == '': + return "No recipe supplied!" + + does_recipe_exist = recipe_exists(session["username"], submitted_url) + + if does_recipe_exist: + return "

Recipe already exists

" + else: + recipe_json = scrape(submitted_url, session["username"]) + add_single_recipe(recipe_json) + all_recipes = get_all_recipes(session["username"]) + all_facets = get_facets(session["username"]) + return render_template("/components/app.html", recipes=all_recipes, facets=all_facets) + +@app.post("/recipes/search") +def search(): + req_data = request.form.to_dict() + all_recipes = search_recipes(req_data, session["username"]) + all_facets = get_facets(session["username"], req_data) + return render_template("/components/app.html", recipes=all_recipes, facets=all_facets) + +@app.delete("/recipes/delete/") +def delete_recipe(recipe_id): + res = delete_single_recipe(recipe_id) + if res["success"]: + return f'

Recipe {recipe_id} successfully deleted, Go home' + else: + error_html = f'

Error deleting {recipe_id}

' + return error_html + +@app.post("/login") +def login_user(): + req_data = request.form.to_dict() + user = req_data["username"] + pw = req_data["password"] + res = user_exists(user) + if res["success"] and res["user"] is None: + return "

User doesn't exist, signup instead

" + elif res["success"] and res["user"] is not None: + pw_matches = bcrypt.check_password_hash(res["password"], pw) + if pw_matches: + session["username"] = user + return Response(headers={"HX-Redirect": "/home"}) + else: + return "Incorrect password, try again" + else: + return "

Something went wrong with the login

" + +@app.post("/signup") +def signup_user(): + req_data = request.form.to_dict() + user = req_data["username"] + pw = req_data["password"] + + if user == "" or pw == "": + return "

You must fill in both username and password

" + + res = user_exists(user) + if res["success"] and res["user"] is not None: + return "

User already exists, Login instead

" + elif res["success"] and res["user"] is None: + pattern = r'^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$' + is_strong = bool(re.match(pattern, pw)) + if is_strong: + pw_hash = bcrypt.generate_password_hash(pw) + res = add_user(user, pw_hash) + if res["success"]: + session["username"] = user + return Response(headers={"HX-Redirect": "/home"}) + else: + return "

Something went wrong

" + else: + return "

Password must be at least 8 characters long and contain at least 1 digit and 1 number

" + +@app.post("/logout") +def logout_user(): + session.pop('username', None) + return Response(headers={"HX-Redirect": "/"}) \ No newline at end of file diff --git a/static/scripts/htmx.js b/static/scripts/htmx.js new file mode 100644 index 0000000..4da3c0c --- /dev/null +++ b/static/scripts/htmx.js @@ -0,0 +1 @@ +var htmx=function(){"use strict";const Q={onLoad:null,process:null,on:null,off:null,trigger:null,ajax:null,find:null,findAll:null,closest:null,values:function(e,t){const n=cn(e,t||"post");return n.values},remove:null,addClass:null,removeClass:null,toggleClass:null,takeClass:null,swap:null,defineExtension:null,removeExtension:null,logAll:null,logNone:null,logger:null,config:{historyEnabled:true,historyCacheSize:10,refreshOnHistoryMiss:false,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:true,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:true,allowScriptTags:true,inlineScriptNonce:"",inlineStyleNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:false,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",scrollBehavior:"instant",defaultFocusScroll:false,getCacheBusterParam:false,globalViewTransitions:false,methodsThatUseUrlParams:["get","delete"],selfRequestsOnly:true,ignoreTitle:false,scrollIntoViewOnBoost:true,triggerSpecsCache:null,disableInheritance:false,responseHandling:[{code:"204",swap:false},{code:"[23]..",swap:true},{code:"[45]..",swap:false,error:true}],allowNestedOobSwaps:true},parseInterval:null,_:null,version:"2.0.4"};Q.onLoad=j;Q.process=kt;Q.on=ye;Q.off=be;Q.trigger=he;Q.ajax=Rn;Q.find=u;Q.findAll=x;Q.closest=g;Q.remove=z;Q.addClass=K;Q.removeClass=G;Q.toggleClass=W;Q.takeClass=Z;Q.swap=$e;Q.defineExtension=Fn;Q.removeExtension=Bn;Q.logAll=V;Q.logNone=_;Q.parseInterval=d;Q._=e;const n={addTriggerHandler:St,bodyContains:le,canAccessLocalStorage:B,findThisElement:Se,filterValues:hn,swap:$e,hasAttribute:s,getAttributeValue:te,getClosestAttributeValue:re,getClosestMatch:o,getExpressionVars:En,getHeaders:fn,getInputValues:cn,getInternalData:ie,getSwapSpecification:gn,getTriggerSpecs:st,getTarget:Ee,makeFragment:P,mergeObjects:ce,makeSettleInfo:xn,oobSwap:He,querySelectorExt:ae,settleImmediately:Kt,shouldCancel:ht,triggerEvent:he,triggerErrorEvent:fe,withExtensions:Ft};const r=["get","post","put","delete","patch"];const H=r.map(function(e){return"[hx-"+e+"], [data-hx-"+e+"]"}).join(", ");function d(e){if(e==undefined){return undefined}let t=NaN;if(e.slice(-2)=="ms"){t=parseFloat(e.slice(0,-2))}else if(e.slice(-1)=="s"){t=parseFloat(e.slice(0,-1))*1e3}else if(e.slice(-1)=="m"){t=parseFloat(e.slice(0,-1))*1e3*60}else{t=parseFloat(e)}return isNaN(t)?undefined:t}function ee(e,t){return e instanceof Element&&e.getAttribute(t)}function s(e,t){return!!e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function te(e,t){return ee(e,t)||ee(e,"data-"+t)}function c(e){const t=e.parentElement;if(!t&&e.parentNode instanceof ShadowRoot)return e.parentNode;return t}function ne(){return document}function m(e,t){return e.getRootNode?e.getRootNode({composed:t}):ne()}function o(e,t){while(e&&!t(e)){e=c(e)}return e||null}function i(e,t,n){const r=te(t,n);const o=te(t,"hx-disinherit");var i=te(t,"hx-inherit");if(e!==t){if(Q.config.disableInheritance){if(i&&(i==="*"||i.split(" ").indexOf(n)>=0)){return r}else{return null}}if(o&&(o==="*"||o.split(" ").indexOf(n)>=0)){return"unset"}}return r}function re(t,n){let r=null;o(t,function(e){return!!(r=i(t,ue(e),n))});if(r!=="unset"){return r}}function h(e,t){const n=e instanceof Element&&(e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector);return!!n&&n.call(e,t)}function T(e){const t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i;const n=t.exec(e);if(n){return n[1].toLowerCase()}else{return""}}function q(e){const t=new DOMParser;return t.parseFromString(e,"text/html")}function L(e,t){while(t.childNodes.length>0){e.append(t.childNodes[0])}}function A(e){const t=ne().createElement("script");se(e.attributes,function(e){t.setAttribute(e.name,e.value)});t.textContent=e.textContent;t.async=false;if(Q.config.inlineScriptNonce){t.nonce=Q.config.inlineScriptNonce}return t}function N(e){return e.matches("script")&&(e.type==="text/javascript"||e.type==="module"||e.type==="")}function I(e){Array.from(e.querySelectorAll("script")).forEach(e=>{if(N(e)){const t=A(e);const n=e.parentNode;try{n.insertBefore(t,e)}catch(e){O(e)}finally{e.remove()}}})}function P(e){const t=e.replace(/]*)?>[\s\S]*?<\/head>/i,"");const n=T(t);let r;if(n==="html"){r=new DocumentFragment;const i=q(e);L(r,i.body);r.title=i.title}else if(n==="body"){r=new DocumentFragment;const i=q(t);L(r,i.body);r.title=i.title}else{const i=q('");r=i.querySelector("template").content;r.title=i.title;var o=r.querySelector("title");if(o&&o.parentNode===r){o.remove();r.title=o.innerText}}if(r){if(Q.config.allowScriptTags){I(r)}else{r.querySelectorAll("script").forEach(e=>e.remove())}}return r}function oe(e){if(e){e()}}function t(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"}function k(e){return typeof e==="function"}function D(e){return t(e,"Object")}function ie(e){const t="htmx-internal-data";let n=e[t];if(!n){n=e[t]={}}return n}function M(t){const n=[];if(t){for(let e=0;e=0}function le(e){return e.getRootNode({composed:true})===document}function F(e){return e.trim().split(/\s+/)}function ce(e,t){for(const n in t){if(t.hasOwnProperty(n)){e[n]=t[n]}}return e}function S(e){try{return JSON.parse(e)}catch(e){O(e);return null}}function B(){const e="htmx:localStorageTest";try{localStorage.setItem(e,e);localStorage.removeItem(e);return true}catch(e){return false}}function U(t){try{const e=new URL(t);if(e){t=e.pathname+e.search}if(!/^\/$/.test(t)){t=t.replace(/\/+$/,"")}return t}catch(e){return t}}function e(e){return vn(ne().body,function(){return eval(e)})}function j(t){const e=Q.on("htmx:load",function(e){t(e.detail.elt)});return e}function V(){Q.logger=function(e,t,n){if(console){console.log(t,e,n)}}}function _(){Q.logger=null}function u(e,t){if(typeof e!=="string"){return e.querySelector(t)}else{return u(ne(),e)}}function x(e,t){if(typeof e!=="string"){return e.querySelectorAll(t)}else{return x(ne(),e)}}function E(){return window}function z(e,t){e=y(e);if(t){E().setTimeout(function(){z(e);e=null},t)}else{c(e).removeChild(e)}}function ue(e){return e instanceof Element?e:null}function $(e){return e instanceof HTMLElement?e:null}function J(e){return typeof e==="string"?e:null}function f(e){return e instanceof Element||e instanceof Document||e instanceof DocumentFragment?e:null}function K(e,t,n){e=ue(y(e));if(!e){return}if(n){E().setTimeout(function(){K(e,t);e=null},n)}else{e.classList&&e.classList.add(t)}}function G(e,t,n){let r=ue(y(e));if(!r){return}if(n){E().setTimeout(function(){G(r,t);r=null},n)}else{if(r.classList){r.classList.remove(t);if(r.classList.length===0){r.removeAttribute("class")}}}}function W(e,t){e=y(e);e.classList.toggle(t)}function Z(e,t){e=y(e);se(e.parentElement.children,function(e){G(e,t)});K(ue(e),t)}function g(e,t){e=ue(y(e));if(e&&e.closest){return e.closest(t)}else{do{if(e==null||h(e,t)){return e}}while(e=e&&ue(c(e)));return null}}function l(e,t){return e.substring(0,t.length)===t}function Y(e,t){return e.substring(e.length-t.length)===t}function ge(e){const t=e.trim();if(l(t,"<")&&Y(t,"/>")){return t.substring(1,t.length-2)}else{return t}}function p(t,r,n){if(r.indexOf("global ")===0){return p(t,r.slice(7),true)}t=y(t);const o=[];{let t=0;let n=0;for(let e=0;e"){t--}}if(n0){const r=ge(o.shift());let e;if(r.indexOf("closest ")===0){e=g(ue(t),ge(r.substr(8)))}else if(r.indexOf("find ")===0){e=u(f(t),ge(r.substr(5)))}else if(r==="next"||r==="nextElementSibling"){e=ue(t).nextElementSibling}else if(r.indexOf("next ")===0){e=pe(t,ge(r.substr(5)),!!n)}else if(r==="previous"||r==="previousElementSibling"){e=ue(t).previousElementSibling}else if(r.indexOf("previous ")===0){e=me(t,ge(r.substr(9)),!!n)}else if(r==="document"){e=document}else if(r==="window"){e=window}else if(r==="body"){e=document.body}else if(r==="root"){e=m(t,!!n)}else if(r==="host"){e=t.getRootNode().host}else{s.push(r)}if(e){i.push(e)}}if(s.length>0){const e=s.join(",");const c=f(m(t,!!n));i.push(...M(c.querySelectorAll(e)))}return i}var pe=function(t,e,n){const r=f(m(t,n)).querySelectorAll(e);for(let e=0;e=0;e--){const o=r[e];if(o.compareDocumentPosition(t)===Node.DOCUMENT_POSITION_FOLLOWING){return o}}};function ae(e,t){if(typeof e!=="string"){return p(e,t)[0]}else{return p(ne().body,e)[0]}}function y(e,t){if(typeof e==="string"){return u(f(t)||document,e)}else{return e}}function xe(e,t,n,r){if(k(t)){return{target:ne().body,event:J(e),listener:t,options:n}}else{return{target:y(e),event:J(t),listener:n,options:r}}}function ye(t,n,r,o){Vn(function(){const e=xe(t,n,r,o);e.target.addEventListener(e.event,e.listener,e.options)});const e=k(n);return e?n:r}function be(t,n,r){Vn(function(){const e=xe(t,n,r);e.target.removeEventListener(e.event,e.listener)});return k(n)?n:r}const ve=ne().createElement("output");function we(e,t){const n=re(e,t);if(n){if(n==="this"){return[Se(e,t)]}else{const r=p(e,n);if(r.length===0){O('The selector "'+n+'" on '+t+" returned no matches!");return[ve]}else{return r}}}}function Se(e,t){return ue(o(e,function(e){return te(ue(e),t)!=null}))}function Ee(e){const t=re(e,"hx-target");if(t){if(t==="this"){return Se(e,"hx-target")}else{return ae(e,t)}}else{const n=ie(e);if(n.boosted){return ne().body}else{return e}}}function Ce(t){const n=Q.config.attributesToSettle;for(let e=0;e0){s=e.substring(0,e.indexOf(":"));n=e.substring(e.indexOf(":")+1)}else{s=e}o.removeAttribute("hx-swap-oob");o.removeAttribute("data-hx-swap-oob");const r=p(t,n,false);if(r){se(r,function(e){let t;const n=o.cloneNode(true);t=ne().createDocumentFragment();t.appendChild(n);if(!Re(s,e)){t=f(n)}const r={shouldSwap:true,target:e,fragment:t};if(!he(e,"htmx:oobBeforeSwap",r))return;e=r.target;if(r.shouldSwap){qe(t);_e(s,e,e,t,i);Te()}se(i.elts,function(e){he(e,"htmx:oobAfterSwap",r)})});o.parentNode.removeChild(o)}else{o.parentNode.removeChild(o);fe(ne().body,"htmx:oobErrorNoTarget",{content:o})}return e}function Te(){const e=u("#--htmx-preserve-pantry--");if(e){for(const t of[...e.children]){const n=u("#"+t.id);n.parentNode.moveBefore(t,n);n.remove()}e.remove()}}function qe(e){se(x(e,"[hx-preserve], [data-hx-preserve]"),function(e){const t=te(e,"id");const n=ne().getElementById(t);if(n!=null){if(e.moveBefore){let e=u("#--htmx-preserve-pantry--");if(e==null){ne().body.insertAdjacentHTML("afterend","
");e=u("#--htmx-preserve-pantry--")}e.moveBefore(n,null)}else{e.parentNode.replaceChild(n,e)}}})}function Le(l,e,c){se(e.querySelectorAll("[id]"),function(t){const n=ee(t,"id");if(n&&n.length>0){const r=n.replace("'","\\'");const o=t.tagName.replace(":","\\:");const e=f(l);const i=e&&e.querySelector(o+"[id='"+r+"']");if(i&&i!==e){const s=t.cloneNode();Oe(t,i);c.tasks.push(function(){Oe(t,s)})}}})}function Ae(e){return function(){G(e,Q.config.addedClass);kt(ue(e));Ne(f(e));he(e,"htmx:load")}}function Ne(e){const t="[autofocus]";const n=$(h(e,t)?e:e.querySelector(t));if(n!=null){n.focus()}}function a(e,t,n,r){Le(e,n,r);while(n.childNodes.length>0){const o=n.firstChild;K(ue(o),Q.config.addedClass);e.insertBefore(o,t);if(o.nodeType!==Node.TEXT_NODE&&o.nodeType!==Node.COMMENT_NODE){r.tasks.push(Ae(o))}}}function Ie(e,t){let n=0;while(n0}function $e(e,t,r,o){if(!o){o={}}e=y(e);const i=o.contextElement?m(o.contextElement,false):ne();const n=document.activeElement;let s={};try{s={elt:n,start:n?n.selectionStart:null,end:n?n.selectionEnd:null}}catch(e){}const l=xn(e);if(r.swapStyle==="textContent"){e.textContent=t}else{let n=P(t);l.title=n.title;if(o.selectOOB){const u=o.selectOOB.split(",");for(let t=0;t0){E().setTimeout(c,r.settleDelay)}else{c()}}function Je(e,t,n){const r=e.getResponseHeader(t);if(r.indexOf("{")===0){const o=S(r);for(const i in o){if(o.hasOwnProperty(i)){let e=o[i];if(D(e)){n=e.target!==undefined?e.target:n}else{e={value:e}}he(n,i,e)}}}else{const s=r.split(",");for(let e=0;e0){const s=o[0];if(s==="]"){e--;if(e===0){if(n===null){t=t+"true"}o.shift();t+=")})";try{const l=vn(r,function(){return Function(t)()},function(){return true});l.source=t;return l}catch(e){fe(ne().body,"htmx:syntax:error",{error:e,source:t});return null}}}else if(s==="["){e++}if(tt(s,n,i)){t+="(("+i+"."+s+") ? ("+i+"."+s+") : (window."+s+"))"}else{t=t+s}n=o.shift()}}}function C(e,t){let n="";while(e.length>0&&!t.test(e[0])){n+=e.shift()}return n}function rt(e){let t;if(e.length>0&&Ye.test(e[0])){e.shift();t=C(e,Qe).trim();e.shift()}else{t=C(e,v)}return t}const ot="input, textarea, select";function it(e,t,n){const r=[];const o=et(t);do{C(o,w);const l=o.length;const c=C(o,/[,\[\s]/);if(c!==""){if(c==="every"){const u={trigger:"every"};C(o,w);u.pollInterval=d(C(o,/[,\[\s]/));C(o,w);var i=nt(e,o,"event");if(i){u.eventFilter=i}r.push(u)}else{const a={trigger:c};var i=nt(e,o,"event");if(i){a.eventFilter=i}C(o,w);while(o.length>0&&o[0]!==","){const f=o.shift();if(f==="changed"){a.changed=true}else if(f==="once"){a.once=true}else if(f==="consume"){a.consume=true}else if(f==="delay"&&o[0]===":"){o.shift();a.delay=d(C(o,v))}else if(f==="from"&&o[0]===":"){o.shift();if(Ye.test(o[0])){var s=rt(o)}else{var s=C(o,v);if(s==="closest"||s==="find"||s==="next"||s==="previous"){o.shift();const h=rt(o);if(h.length>0){s+=" "+h}}}a.from=s}else if(f==="target"&&o[0]===":"){o.shift();a.target=rt(o)}else if(f==="throttle"&&o[0]===":"){o.shift();a.throttle=d(C(o,v))}else if(f==="queue"&&o[0]===":"){o.shift();a.queue=C(o,v)}else if(f==="root"&&o[0]===":"){o.shift();a[f]=rt(o)}else if(f==="threshold"&&o[0]===":"){o.shift();a[f]=C(o,v)}else{fe(e,"htmx:syntax:error",{token:o.shift()})}C(o,w)}r.push(a)}}if(o.length===l){fe(e,"htmx:syntax:error",{token:o.shift()})}C(o,w)}while(o[0]===","&&o.shift());if(n){n[t]=r}return r}function st(e){const t=te(e,"hx-trigger");let n=[];if(t){const r=Q.config.triggerSpecsCache;n=r&&r[t]||it(e,t,r)}if(n.length>0){return n}else if(h(e,"form")){return[{trigger:"submit"}]}else if(h(e,'input[type="button"], input[type="submit"]')){return[{trigger:"click"}]}else if(h(e,ot)){return[{trigger:"change"}]}else{return[{trigger:"click"}]}}function lt(e){ie(e).cancelled=true}function ct(e,t,n){const r=ie(e);r.timeout=E().setTimeout(function(){if(le(e)&&r.cancelled!==true){if(!gt(n,e,Mt("hx:poll:trigger",{triggerSpec:n,target:e}))){t(e)}ct(e,t,n)}},n.pollInterval)}function ut(e){return location.hostname===e.hostname&&ee(e,"href")&&ee(e,"href").indexOf("#")!==0}function at(e){return g(e,Q.config.disableSelector)}function ft(t,n,e){if(t instanceof HTMLAnchorElement&&ut(t)&&(t.target===""||t.target==="_self")||t.tagName==="FORM"&&String(ee(t,"method")).toLowerCase()!=="dialog"){n.boosted=true;let r,o;if(t.tagName==="A"){r="get";o=ee(t,"href")}else{const i=ee(t,"method");r=i?i.toLowerCase():"get";o=ee(t,"action");if(o==null||o===""){o=ne().location.href}if(r==="get"&&o.includes("?")){o=o.replace(/\?[^#]+/,"")}}e.forEach(function(e){pt(t,function(e,t){const n=ue(e);if(at(n)){b(n);return}de(r,o,n,t)},n,e,true)})}}function ht(e,t){const n=ue(t);if(!n){return false}if(e.type==="submit"||e.type==="click"){if(n.tagName==="FORM"){return true}if(h(n,'input[type="submit"], button')&&(h(n,"[form]")||g(n,"form")!==null)){return true}if(n instanceof HTMLAnchorElement&&n.href&&(n.getAttribute("href")==="#"||n.getAttribute("href").indexOf("#")!==0)){return true}}return false}function dt(e,t){return ie(e).boosted&&e instanceof HTMLAnchorElement&&t.type==="click"&&(t.ctrlKey||t.metaKey)}function gt(e,t,n){const r=e.eventFilter;if(r){try{return r.call(t,n)!==true}catch(e){const o=r.source;fe(ne().body,"htmx:eventFilter:error",{error:e,source:o});return true}}return false}function pt(l,c,e,u,a){const f=ie(l);let t;if(u.from){t=p(l,u.from)}else{t=[l]}if(u.changed){if(!("lastValue"in f)){f.lastValue=new WeakMap}t.forEach(function(e){if(!f.lastValue.has(u)){f.lastValue.set(u,new WeakMap)}f.lastValue.get(u).set(e,e.value)})}se(t,function(i){const s=function(e){if(!le(l)){i.removeEventListener(u.trigger,s);return}if(dt(l,e)){return}if(a||ht(e,l)){e.preventDefault()}if(gt(u,l,e)){return}const t=ie(e);t.triggerSpec=u;if(t.handledFor==null){t.handledFor=[]}if(t.handledFor.indexOf(l)<0){t.handledFor.push(l);if(u.consume){e.stopPropagation()}if(u.target&&e.target){if(!h(ue(e.target),u.target)){return}}if(u.once){if(f.triggeredOnce){return}else{f.triggeredOnce=true}}if(u.changed){const n=event.target;const r=n.value;const o=f.lastValue.get(u);if(o.has(n)&&o.get(n)===r){return}o.set(n,r)}if(f.delayed){clearTimeout(f.delayed)}if(f.throttle){return}if(u.throttle>0){if(!f.throttle){he(l,"htmx:trigger");c(l,e);f.throttle=E().setTimeout(function(){f.throttle=null},u.throttle)}}else if(u.delay>0){f.delayed=E().setTimeout(function(){he(l,"htmx:trigger");c(l,e)},u.delay)}else{he(l,"htmx:trigger");c(l,e)}}};if(e.listenerInfos==null){e.listenerInfos=[]}e.listenerInfos.push({trigger:u.trigger,listener:s,on:i});i.addEventListener(u.trigger,s)})}let mt=false;let xt=null;function yt(){if(!xt){xt=function(){mt=true};window.addEventListener("scroll",xt);window.addEventListener("resize",xt);setInterval(function(){if(mt){mt=false;se(ne().querySelectorAll("[hx-trigger*='revealed'],[data-hx-trigger*='revealed']"),function(e){bt(e)})}},200)}}function bt(e){if(!s(e,"data-hx-revealed")&&X(e)){e.setAttribute("data-hx-revealed","true");const t=ie(e);if(t.initHash){he(e,"revealed")}else{e.addEventListener("htmx:afterProcessNode",function(){he(e,"revealed")},{once:true})}}}function vt(e,t,n,r){const o=function(){if(!n.loaded){n.loaded=true;he(e,"htmx:trigger");t(e)}};if(r>0){E().setTimeout(o,r)}else{o()}}function wt(t,n,e){let i=false;se(r,function(r){if(s(t,"hx-"+r)){const o=te(t,"hx-"+r);i=true;n.path=o;n.verb=r;e.forEach(function(e){St(t,e,n,function(e,t){const n=ue(e);if(g(n,Q.config.disableSelector)){b(n);return}de(r,o,n,t)})})}});return i}function St(r,e,t,n){if(e.trigger==="revealed"){yt();pt(r,n,t,e);bt(ue(r))}else if(e.trigger==="intersect"){const o={};if(e.root){o.root=ae(r,e.root)}if(e.threshold){o.threshold=parseFloat(e.threshold)}const i=new IntersectionObserver(function(t){for(let e=0;e0){t.polling=true;ct(ue(r),n,e)}else{pt(r,n,t,e)}}function Et(e){const t=ue(e);if(!t){return false}const n=t.attributes;for(let e=0;e", "+e).join(""));return o}else{return[]}}function Tt(e){const t=g(ue(e.target),"button, input[type='submit']");const n=Lt(e);if(n){n.lastButtonClicked=t}}function qt(e){const t=Lt(e);if(t){t.lastButtonClicked=null}}function Lt(e){const t=g(ue(e.target),"button, input[type='submit']");if(!t){return}const n=y("#"+ee(t,"form"),t.getRootNode())||g(t,"form");if(!n){return}return ie(n)}function At(e){e.addEventListener("click",Tt);e.addEventListener("focusin",Tt);e.addEventListener("focusout",qt)}function Nt(t,e,n){const r=ie(t);if(!Array.isArray(r.onHandlers)){r.onHandlers=[]}let o;const i=function(e){vn(t,function(){if(at(t)){return}if(!o){o=new Function("event",n)}o.call(t,e)})};t.addEventListener(e,i);r.onHandlers.push({event:e,listener:i})}function It(t){ke(t);for(let e=0;eQ.config.historyCacheSize){i.shift()}while(i.length>0){try{localStorage.setItem("htmx-history-cache",JSON.stringify(i));break}catch(e){fe(ne().body,"htmx:historyCacheError",{cause:e,cache:i});i.shift()}}}function Vt(t){if(!B()){return null}t=U(t);const n=S(localStorage.getItem("htmx-history-cache"))||[];for(let e=0;e=200&&this.status<400){he(ne().body,"htmx:historyCacheMissLoad",i);const e=P(this.response);const t=e.querySelector("[hx-history-elt],[data-hx-history-elt]")||e;const n=Ut();const r=xn(n);kn(e.title);qe(e);Ve(n,t,r);Te();Kt(r.tasks);Bt=o;he(ne().body,"htmx:historyRestore",{path:o,cacheMiss:true,serverResponse:this.response})}else{fe(ne().body,"htmx:historyCacheMissLoadError",i)}};e.send()}function Wt(e){zt();e=e||location.pathname+location.search;const t=Vt(e);if(t){const n=P(t.content);const r=Ut();const o=xn(r);kn(t.title);qe(n);Ve(r,n,o);Te();Kt(o.tasks);E().setTimeout(function(){window.scrollTo(0,t.scroll)},0);Bt=e;he(ne().body,"htmx:historyRestore",{path:e,item:t})}else{if(Q.config.refreshOnHistoryMiss){window.location.reload(true)}else{Gt(e)}}}function Zt(e){let t=we(e,"hx-indicator");if(t==null){t=[e]}se(t,function(e){const t=ie(e);t.requestCount=(t.requestCount||0)+1;e.classList.add.call(e.classList,Q.config.requestClass)});return t}function Yt(e){let t=we(e,"hx-disabled-elt");if(t==null){t=[]}se(t,function(e){const t=ie(e);t.requestCount=(t.requestCount||0)+1;e.setAttribute("disabled","");e.setAttribute("data-disabled-by-htmx","")});return t}function Qt(e,t){se(e.concat(t),function(e){const t=ie(e);t.requestCount=(t.requestCount||1)-1});se(e,function(e){const t=ie(e);if(t.requestCount===0){e.classList.remove.call(e.classList,Q.config.requestClass)}});se(t,function(e){const t=ie(e);if(t.requestCount===0){e.removeAttribute("disabled");e.removeAttribute("data-disabled-by-htmx")}})}function en(t,n){for(let e=0;en.indexOf(e)<0)}else{e=e.filter(e=>e!==n)}r.delete(t);se(e,e=>r.append(t,e))}}function on(t,n,r,o,i){if(o==null||en(t,o)){return}else{t.push(o)}if(tn(o)){const s=ee(o,"name");let e=o.value;if(o instanceof HTMLSelectElement&&o.multiple){e=M(o.querySelectorAll("option:checked")).map(function(e){return e.value})}if(o instanceof HTMLInputElement&&o.files){e=M(o.files)}nn(s,e,n);if(i){sn(o,r)}}if(o instanceof HTMLFormElement){se(o.elements,function(e){if(t.indexOf(e)>=0){rn(e.name,e.value,n)}else{t.push(e)}if(i){sn(e,r)}});new FormData(o).forEach(function(e,t){if(e instanceof File&&e.name===""){return}nn(t,e,n)})}}function sn(e,t){const n=e;if(n.willValidate){he(n,"htmx:validation:validate");if(!n.checkValidity()){t.push({elt:n,message:n.validationMessage,validity:n.validity});he(n,"htmx:validation:failed",{message:n.validationMessage,validity:n.validity})}}}function ln(n,e){for(const t of e.keys()){n.delete(t)}e.forEach(function(e,t){n.append(t,e)});return n}function cn(e,t){const n=[];const r=new FormData;const o=new FormData;const i=[];const s=ie(e);if(s.lastButtonClicked&&!le(s.lastButtonClicked)){s.lastButtonClicked=null}let l=e instanceof HTMLFormElement&&e.noValidate!==true||te(e,"hx-validate")==="true";if(s.lastButtonClicked){l=l&&s.lastButtonClicked.formNoValidate!==true}if(t!=="get"){on(n,o,i,g(e,"form"),l)}on(n,r,i,e,l);if(s.lastButtonClicked||e.tagName==="BUTTON"||e.tagName==="INPUT"&&ee(e,"type")==="submit"){const u=s.lastButtonClicked||e;const a=ee(u,"name");nn(a,u.value,o)}const c=we(e,"hx-include");se(c,function(e){on(n,r,i,ue(e),l);if(!h(e,"form")){se(f(e).querySelectorAll(ot),function(e){on(n,r,i,e,l)})}});ln(r,o);return{errors:i,formData:r,values:An(r)}}function un(e,t,n){if(e!==""){e+="&"}if(String(n)==="[object Object]"){n=JSON.stringify(n)}const r=encodeURIComponent(n);e+=encodeURIComponent(t)+"="+r;return e}function an(e){e=qn(e);let n="";e.forEach(function(e,t){n=un(n,t,e)});return n}function fn(e,t,n){const r={"HX-Request":"true","HX-Trigger":ee(e,"id"),"HX-Trigger-Name":ee(e,"name"),"HX-Target":te(t,"id"),"HX-Current-URL":ne().location.href};bn(e,"hx-headers",false,r);if(n!==undefined){r["HX-Prompt"]=n}if(ie(e).boosted){r["HX-Boosted"]="true"}return r}function hn(n,e){const t=re(e,"hx-params");if(t){if(t==="none"){return new FormData}else if(t==="*"){return n}else if(t.indexOf("not ")===0){se(t.slice(4).split(","),function(e){e=e.trim();n.delete(e)});return n}else{const r=new FormData;se(t.split(","),function(t){t=t.trim();if(n.has(t)){n.getAll(t).forEach(function(e){r.append(t,e)})}});return r}}else{return n}}function dn(e){return!!ee(e,"href")&&ee(e,"href").indexOf("#")>=0}function gn(e,t){const n=t||re(e,"hx-swap");const r={swapStyle:ie(e).boosted?"innerHTML":Q.config.defaultSwapStyle,swapDelay:Q.config.defaultSwapDelay,settleDelay:Q.config.defaultSettleDelay};if(Q.config.scrollIntoViewOnBoost&&ie(e).boosted&&!dn(e)){r.show="top"}if(n){const s=F(n);if(s.length>0){for(let e=0;e0?o.join(":"):null;r.scroll=u;r.scrollTarget=i}else if(l.indexOf("show:")===0){const a=l.slice(5);var o=a.split(":");const f=o.pop();var i=o.length>0?o.join(":"):null;r.show=f;r.showTarget=i}else if(l.indexOf("focus-scroll:")===0){const h=l.slice("focus-scroll:".length);r.focusScroll=h=="true"}else if(e==0){r.swapStyle=l}else{O("Unknown modifier in hx-swap: "+l)}}}}return r}function pn(e){return re(e,"hx-encoding")==="multipart/form-data"||h(e,"form")&&ee(e,"enctype")==="multipart/form-data"}function mn(t,n,r){let o=null;Ft(n,function(e){if(o==null){o=e.encodeParameters(t,r,n)}});if(o!=null){return o}else{if(pn(n)){return ln(new FormData,qn(r))}else{return an(r)}}}function xn(e){return{tasks:[],elts:[e]}}function yn(e,t){const n=e[0];const r=e[e.length-1];if(t.scroll){var o=null;if(t.scrollTarget){o=ue(ae(n,t.scrollTarget))}if(t.scroll==="top"&&(n||o)){o=o||n;o.scrollTop=0}if(t.scroll==="bottom"&&(r||o)){o=o||r;o.scrollTop=o.scrollHeight}}if(t.show){var o=null;if(t.showTarget){let e=t.showTarget;if(t.showTarget==="window"){e="body"}o=ue(ae(n,e))}if(t.show==="top"&&(n||o)){o=o||n;o.scrollIntoView({block:"start",behavior:Q.config.scrollBehavior})}if(t.show==="bottom"&&(r||o)){o=o||r;o.scrollIntoView({block:"end",behavior:Q.config.scrollBehavior})}}}function bn(r,e,o,i){if(i==null){i={}}if(r==null){return i}const s=te(r,e);if(s){let e=s.trim();let t=o;if(e==="unset"){return null}if(e.indexOf("javascript:")===0){e=e.slice(11);t=true}else if(e.indexOf("js:")===0){e=e.slice(3);t=true}if(e.indexOf("{")!==0){e="{"+e+"}"}let n;if(t){n=vn(r,function(){return Function("return ("+e+")")()},{})}else{n=S(e)}for(const l in n){if(n.hasOwnProperty(l)){if(i[l]==null){i[l]=n[l]}}}}return bn(ue(c(r)),e,o,i)}function vn(e,t,n){if(Q.config.allowEval){return t()}else{fe(e,"htmx:evalDisallowedError");return n}}function wn(e,t){return bn(e,"hx-vars",true,t)}function Sn(e,t){return bn(e,"hx-vals",false,t)}function En(e){return ce(wn(e),Sn(e))}function Cn(t,n,r){if(r!==null){try{t.setRequestHeader(n,r)}catch(e){t.setRequestHeader(n,encodeURIComponent(r));t.setRequestHeader(n+"-URI-AutoEncoded","true")}}}function On(t){if(t.responseURL&&typeof URL!=="undefined"){try{const e=new URL(t.responseURL);return e.pathname+e.search}catch(e){fe(ne().body,"htmx:badResponseUrl",{url:t.responseURL})}}}function R(e,t){return t.test(e.getAllResponseHeaders())}function Rn(t,n,r){t=t.toLowerCase();if(r){if(r instanceof Element||typeof r==="string"){return de(t,n,null,null,{targetOverride:y(r)||ve,returnPromise:true})}else{let e=y(r.target);if(r.target&&!e||r.source&&!e&&!y(r.source)){e=ve}return de(t,n,y(r.source),r.event,{handler:r.handler,headers:r.headers,values:r.values,targetOverride:e,swapOverride:r.swap,select:r.select,returnPromise:true})}}else{return de(t,n,null,null,{returnPromise:true})}}function Hn(e){const t=[];while(e){t.push(e);e=e.parentElement}return t}function Tn(e,t,n){let r;let o;if(typeof URL==="function"){o=new URL(t,document.location.href);const i=document.location.origin;r=i===o.origin}else{o=t;r=l(t,document.location.origin)}if(Q.config.selfRequestsOnly){if(!r){return false}}return he(e,"htmx:validateUrl",ce({url:o,sameHost:r},n))}function qn(e){if(e instanceof FormData)return e;const t=new FormData;for(const n in e){if(e.hasOwnProperty(n)){if(e[n]&&typeof e[n].forEach==="function"){e[n].forEach(function(e){t.append(n,e)})}else if(typeof e[n]==="object"&&!(e[n]instanceof Blob)){t.append(n,JSON.stringify(e[n]))}else{t.append(n,e[n])}}}return t}function Ln(r,o,e){return new Proxy(e,{get:function(t,e){if(typeof e==="number")return t[e];if(e==="length")return t.length;if(e==="push"){return function(e){t.push(e);r.append(o,e)}}if(typeof t[e]==="function"){return function(){t[e].apply(t,arguments);r.delete(o);t.forEach(function(e){r.append(o,e)})}}if(t[e]&&t[e].length===1){return t[e][0]}else{return t[e]}},set:function(e,t,n){e[t]=n;r.delete(o);e.forEach(function(e){r.append(o,e)});return true}})}function An(o){return new Proxy(o,{get:function(e,t){if(typeof t==="symbol"){const r=Reflect.get(e,t);if(typeof r==="function"){return function(){return r.apply(o,arguments)}}else{return r}}if(t==="toJSON"){return()=>Object.fromEntries(o)}if(t in e){if(typeof e[t]==="function"){return function(){return o[t].apply(o,arguments)}}else{return e[t]}}const n=o.getAll(t);if(n.length===0){return undefined}else if(n.length===1){return n[0]}else{return Ln(e,t,n)}},set:function(t,n,e){if(typeof n!=="string"){return false}t.delete(n);if(e&&typeof e.forEach==="function"){e.forEach(function(e){t.append(n,e)})}else if(typeof e==="object"&&!(e instanceof Blob)){t.append(n,JSON.stringify(e))}else{t.append(n,e)}return true},deleteProperty:function(e,t){if(typeof t==="string"){e.delete(t)}return true},ownKeys:function(e){return Reflect.ownKeys(Object.fromEntries(e))},getOwnPropertyDescriptor:function(e,t){return Reflect.getOwnPropertyDescriptor(Object.fromEntries(e),t)}})}function de(t,n,r,o,i,D){let s=null;let l=null;i=i!=null?i:{};if(i.returnPromise&&typeof Promise!=="undefined"){var e=new Promise(function(e,t){s=e;l=t})}if(r==null){r=ne().body}const M=i.handler||Dn;const X=i.select||null;if(!le(r)){oe(s);return e}const c=i.targetOverride||ue(Ee(r));if(c==null||c==ve){fe(r,"htmx:targetError",{target:te(r,"hx-target")});oe(l);return e}let u=ie(r);const a=u.lastButtonClicked;if(a){const L=ee(a,"formaction");if(L!=null){n=L}const A=ee(a,"formmethod");if(A!=null){if(A.toLowerCase()!=="dialog"){t=A}}}const f=re(r,"hx-confirm");if(D===undefined){const K=function(e){return de(t,n,r,o,i,!!e)};const G={target:c,elt:r,path:n,verb:t,triggeringEvent:o,etc:i,issueRequest:K,question:f};if(he(r,"htmx:confirm",G)===false){oe(s);return e}}let h=r;let d=re(r,"hx-sync");let g=null;let F=false;if(d){const N=d.split(":");const I=N[0].trim();if(I==="this"){h=Se(r,"hx-sync")}else{h=ue(ae(r,I))}d=(N[1]||"drop").trim();u=ie(h);if(d==="drop"&&u.xhr&&u.abortable!==true){oe(s);return e}else if(d==="abort"){if(u.xhr){oe(s);return e}else{F=true}}else if(d==="replace"){he(h,"htmx:abort")}else if(d.indexOf("queue")===0){const W=d.split(" ");g=(W[1]||"last").trim()}}if(u.xhr){if(u.abortable){he(h,"htmx:abort")}else{if(g==null){if(o){const P=ie(o);if(P&&P.triggerSpec&&P.triggerSpec.queue){g=P.triggerSpec.queue}}if(g==null){g="last"}}if(u.queuedRequests==null){u.queuedRequests=[]}if(g==="first"&&u.queuedRequests.length===0){u.queuedRequests.push(function(){de(t,n,r,o,i)})}else if(g==="all"){u.queuedRequests.push(function(){de(t,n,r,o,i)})}else if(g==="last"){u.queuedRequests=[];u.queuedRequests.push(function(){de(t,n,r,o,i)})}oe(s);return e}}const p=new XMLHttpRequest;u.xhr=p;u.abortable=F;const m=function(){u.xhr=null;u.abortable=false;if(u.queuedRequests!=null&&u.queuedRequests.length>0){const e=u.queuedRequests.shift();e()}};const B=re(r,"hx-prompt");if(B){var x=prompt(B);if(x===null||!he(r,"htmx:prompt",{prompt:x,target:c})){oe(s);m();return e}}if(f&&!D){if(!confirm(f)){oe(s);m();return e}}let y=fn(r,c,x);if(t!=="get"&&!pn(r)){y["Content-Type"]="application/x-www-form-urlencoded"}if(i.headers){y=ce(y,i.headers)}const U=cn(r,t);let b=U.errors;const j=U.formData;if(i.values){ln(j,qn(i.values))}const V=qn(En(r));const v=ln(j,V);let w=hn(v,r);if(Q.config.getCacheBusterParam&&t==="get"){w.set("org.htmx.cache-buster",ee(c,"id")||"true")}if(n==null||n===""){n=ne().location.href}const S=bn(r,"hx-request");const _=ie(r).boosted;let E=Q.config.methodsThatUseUrlParams.indexOf(t)>=0;const C={boosted:_,useUrlParams:E,formData:w,parameters:An(w),unfilteredFormData:v,unfilteredParameters:An(v),headers:y,target:c,verb:t,errors:b,withCredentials:i.credentials||S.credentials||Q.config.withCredentials,timeout:i.timeout||S.timeout||Q.config.timeout,path:n,triggeringEvent:o};if(!he(r,"htmx:configRequest",C)){oe(s);m();return e}n=C.path;t=C.verb;y=C.headers;w=qn(C.parameters);b=C.errors;E=C.useUrlParams;if(b&&b.length>0){he(r,"htmx:validation:halted",C);oe(s);m();return e}const z=n.split("#");const $=z[0];const O=z[1];let R=n;if(E){R=$;const Z=!w.keys().next().done;if(Z){if(R.indexOf("?")<0){R+="?"}else{R+="&"}R+=an(w);if(O){R+="#"+O}}}if(!Tn(r,R,C)){fe(r,"htmx:invalidPath",C);oe(l);return e}p.open(t.toUpperCase(),R,true);p.overrideMimeType("text/html");p.withCredentials=C.withCredentials;p.timeout=C.timeout;if(S.noHeaders){}else{for(const k in y){if(y.hasOwnProperty(k)){const Y=y[k];Cn(p,k,Y)}}}const H={xhr:p,target:c,requestConfig:C,etc:i,boosted:_,select:X,pathInfo:{requestPath:n,finalRequestPath:R,responsePath:null,anchor:O}};p.onload=function(){try{const t=Hn(r);H.pathInfo.responsePath=On(p);M(r,H);if(H.keepIndicators!==true){Qt(T,q)}he(r,"htmx:afterRequest",H);he(r,"htmx:afterOnLoad",H);if(!le(r)){let e=null;while(t.length>0&&e==null){const n=t.shift();if(le(n)){e=n}}if(e){he(e,"htmx:afterRequest",H);he(e,"htmx:afterOnLoad",H)}}oe(s);m()}catch(e){fe(r,"htmx:onLoadError",ce({error:e},H));throw e}};p.onerror=function(){Qt(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:sendError",H);oe(l);m()};p.onabort=function(){Qt(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:sendAbort",H);oe(l);m()};p.ontimeout=function(){Qt(T,q);fe(r,"htmx:afterRequest",H);fe(r,"htmx:timeout",H);oe(l);m()};if(!he(r,"htmx:beforeRequest",H)){oe(s);m();return e}var T=Zt(r);var q=Yt(r);se(["loadstart","loadend","progress","abort"],function(t){se([p,p.upload],function(e){e.addEventListener(t,function(e){he(r,"htmx:xhr:"+t,{lengthComputable:e.lengthComputable,loaded:e.loaded,total:e.total})})})});he(r,"htmx:beforeSend",H);const J=E?null:mn(p,r,w);p.send(J);return e}function Nn(e,t){const n=t.xhr;let r=null;let o=null;if(R(n,/HX-Push:/i)){r=n.getResponseHeader("HX-Push");o="push"}else if(R(n,/HX-Push-Url:/i)){r=n.getResponseHeader("HX-Push-Url");o="push"}else if(R(n,/HX-Replace-Url:/i)){r=n.getResponseHeader("HX-Replace-Url");o="replace"}if(r){if(r==="false"){return{}}else{return{type:o,path:r}}}const i=t.pathInfo.finalRequestPath;const s=t.pathInfo.responsePath;const l=re(e,"hx-push-url");const c=re(e,"hx-replace-url");const u=ie(e).boosted;let a=null;let f=null;if(l){a="push";f=l}else if(c){a="replace";f=c}else if(u){a="push";f=s||i}if(f){if(f==="false"){return{}}if(f==="true"){f=s||i}if(t.pathInfo.anchor&&f.indexOf("#")===-1){f=f+"#"+t.pathInfo.anchor}return{type:a,path:f}}else{return{}}}function In(e,t){var n=new RegExp(e.code);return n.test(t.toString(10))}function Pn(e){for(var t=0;t0){E().setTimeout(e,x.swapDelay)}else{e()}}if(f){fe(o,"htmx:responseError",ce({error:"Response Status Error Code "+s.status+" from "+i.pathInfo.requestPath},i))}}const Mn={};function Xn(){return{init:function(e){return null},getSelectors:function(){return null},onEvent:function(e,t){return true},transformResponse:function(e,t,n){return e},isInlineSwap:function(e){return false},handleSwap:function(e,t,n,r){return false},encodeParameters:function(e,t,n){return null}}}function Fn(e,t){if(t.init){t.init(n)}Mn[e]=ce(Xn(),t)}function Bn(e){delete Mn[e]}function Un(e,n,r){if(n==undefined){n=[]}if(e==undefined){return n}if(r==undefined){r=[]}const t=te(e,"hx-ext");if(t){se(t.split(","),function(e){e=e.replace(/ /g,"");if(e.slice(0,7)=="ignore:"){r.push(e.slice(7));return}if(r.indexOf(e)<0){const t=Mn[e];if(t&&n.indexOf(t)<0){n.push(t)}}})}return Un(ue(c(e)),n,r)}var jn=false;ne().addEventListener("DOMContentLoaded",function(){jn=true});function Vn(e){if(jn||ne().readyState==="complete"){e()}else{ne().addEventListener("DOMContentLoaded",e)}}function _n(){if(Q.config.includeIndicatorStyles!==false){const e=Q.config.inlineStyleNonce?` nonce="${Q.config.inlineStyleNonce}"`:"";ne().head.insertAdjacentHTML("beforeend"," ."+Q.config.indicatorClass+"{opacity:0} ."+Q.config.requestClass+" ."+Q.config.indicatorClass+"{opacity:1; transition: opacity 200ms ease-in;} ."+Q.config.requestClass+"."+Q.config.indicatorClass+"{opacity:1; transition: opacity 200ms ease-in;} ")}}function zn(){const e=ne().querySelector('meta[name="htmx-config"]');if(e){return S(e.content)}else{return null}}function $n(){const e=zn();if(e){Q.config=ce(Q.config,e)}}Vn(function(){$n();_n();let e=ne().body;kt(e);const t=ne().querySelectorAll("[hx-trigger='restored'],[data-hx-trigger='restored']");e.addEventListener("htmx:abort",function(e){const t=e.target;const n=ie(t);if(n&&n.xhr){n.xhr.abort()}});const n=window.onpopstate?window.onpopstate.bind(window):null;window.onpopstate=function(e){if(e.state&&e.state.htmx){Wt();se(t,function(e){he(e,"htmx:restored",{document:ne(),triggerEvent:he})})}else{if(n){n(e)}}};E().setTimeout(function(){he(e,"htmx:load",{});e=null},0)});return Q}(); diff --git a/static/style/classless.css b/static/style/classless.css new file mode 100644 index 0000000..d780998 --- /dev/null +++ b/static/style/classless.css @@ -0,0 +1,386 @@ +/* Classless.css v1.1 + +Table of Contents: + 1. Theme Settings + 2. Reset + 3. Base Style + 4. Extras (remove unwanted) + 5. Classes (remove unwanted) +*/ + +/* 1. Theme Settings ––––––––––––––––––––-–––––––––––––– */ + + +:root, html[data-theme='light'] { + --rem: 12pt; + --width: 50rem; + --navpos: absolute; /* fixed | absolute */ + --font-p: 1em/1.7 'Open Sans', 'DejaVu Sans', FreeSans, Helvetica, sans-serif; + --font-h: .9em/1.5 'Open Sans', 'DejaVu Sans', FreeSans, Helvetica, sans-serif; + --font-c: .9em/1.4 'DejaVu Sans Mono', monospace; + --border: 1px solid var(--cmed); + --ornament: "‹‹‹ ›››"; + /* foreground | background color */ + --cfg: #433; --cbg: #fff; + --cdark: #888; --clight: #f5f6f7; + --cmed: #d1d1d1; + --clink: #07c; + --cemph: #088; --cemphbg: #0881; +} + + +/* 2. Reset –––––––––––––––––––––––––––––––––––––––––––– */ + +/* reset block elements */ +* { box-sizing: border-box; border-spacing: 0; margin: 0; padding: 0; } +header, footer, figure, video, details, blockquote, +ul, ol, dl, fieldset, pre, pre > code { + display: block; + margin: .5rem 0 1rem; + width: 100%; + overflow: auto hidden; + text-align: left; +} +video, summary, input, select { outline: none; } + +/* reset clickable things (FF Bug: select:hover prevents usage) */ +a, button, select, summary { color: var(--clink); cursor: pointer; } + + +/* 3. Base Style ––––––––––––––––––––––––––––––––––––––– */ +html { font-size: var(--rem); background: var(--cbg); } +body { + position: relative; + margin: auto; + max-width: var(--width); + font: var(--font-p); + color: var(--cfg); + padding: 3.0rem .6rem 0; + overflow-x: hidden; +} +body > footer { margin: 10rem 0 0; font-size: 90%; } +p { margin: .6em 0; } + +/* links */ +a[href]{ text-decoration: underline solid 1.5px var(--cmed); text-underline-position: under; } +a[href^="#"] {text-decoration: none; } +a:hover, button:not([disabled]):hover, summary:hover, select:hover { + filter: brightness(92%); color: var(--cemph); border-color: var(--cemph); +} + +/* lists */ +ul, ol, dl { margin: 1rem 0; padding: 0 0 0 2em; } +li:not(:last-child), dd:not(:last-child) { margin-bottom: .5rem; } +dt { font-weight: bold; } + +/* headings */ +h1, h2, h3, h4, h5 { margin: 1.5em 0 .5rem; font: var(--font-h); line-height: 1.2em; clear: both; } +h1+h2, h2+h3, h3+h4, h4+h5 { margin-top: .5em; padding-top: 0; } /* non-clashing headings */ +h1 { font-size: 2.2em; font-weight: 300; } +h2 { font-size: 2.0em; font-weight: 300; font-variant: small-caps; } +h3 { font-size: 1.5em; font-weight: 400; } +h4 { font-size: 1.1em; font-weight: 700; } +h5 { font-size: 1.2em; font-weight: 400; color: var(--cfg); } +h6 { font-size: 1.0em; font-weight: 700; font-style: italic; display: inline; } +h6 + p { display: inline; } + +/* tables */ +td, th { + padding: .5em .8em; + text-align: right; + border-bottom: var(--border); + white-space: nowrap; + font-size: 95%; +} +thead th[colspan] { padding: .2em .8em; text-align: center; } +thead tr:not(:only-child) td { padding: .2em .8em;} +thead+tbody tr:first-child td { border-top: var(--border); } +td:first-child, th:first-child { text-align: left; } +tr:hover{ background-color: var(--clight); } +table img { display: block; } + +/* figures */ +img, svg { max-width: 100%; vertical-align: text-top; object-fit: cover; } +p>img:not(:only-child) { float: right; margin: 0 0 .5em .5em; } +figure > img { display: inline-block; width: auto; } +figure > img:only-of-type, figure > svg:only-of-type { max-width: 100%; display: block; margin: 0 auto .4em; } +figure > *:not(:last-child) { margin-bottom: .4rem; } + +/* captions */ +figcaption, caption { text-align: left; font: var(--font-h); color: var(--cdark); width: 100%; } +figcaption > *:first-child, caption > *:first-child { display: inline-block; margin: 0; } +table caption:last-child { caption-side: bottom; margin: .5em 0;} + +/* code */ +pre > code { + margin: 0; + position: relative; + padding: .8em; + border-left: .4rem solid var(--cemph); +} +code, kbd, samp { + padding: .2em; + font: var(--font-c); + background: var(--clight); + border-radius: 4px; +} +kbd { border: 1px solid var(--cmed); } + +/* misc */ +blockquote { border-left: .4rem solid var(--cmed); padding: 0 0 0 1rem; } +time{ color: var(--cdark); } +hr { border: 0; border-top: .1rem solid var(--cmed); } +nav { width: 100%; background-color: var(--clight); } +::selection, mark { background: var(--clink); color: var(--cbg); } + + +/* 4. Extra Style –––––––––––––––––––––––––––––––––––––– */ + +/* Auto Numbering: figure/tables/headings/cite */ +article { counter-reset: h2 0 h3 0 tab 0 fig 0 lst 0 ref 0 eq 0; } +article figure figcaption:before { + color: var(--cemph); + counter-increment: fig; + content: "Figure " counter(fig) ": "; +} + +/* subfigures */ +figure { counter-reset: subfig 0 } +article figure figure { counter-reset: none; } +article figure > figure { display: inline-grid; width: auto; } +figure > figure:not(:last-of-type) { padding-right: 1rem; } +article figure figure figcaption:before { + counter-increment: subfig 1; + content: counter(subfig, lower-alpha) ": "; +} + +/* listings */ +article figure pre + figcaption:before { + counter-increment: lst 1; + content: "Listing " counter(lst) ": "; +} + +/* tables */ +figure > table:only-of-type { margin: .5em auto !important; width: fit-content; } +article figure > table caption { display: table-caption; caption-side: bottom; } +article figure > table + figcaption:before, +article table caption:before { + color: var(--cemph); + counter-increment: tab 1; + content: "Table " counter(tab) ": "; +} + +/* headings */ +article h2, h3 { position: relative; } +article h2:before, +article h3:before { + display: inline-block; + position: relative; + font-size: .6em; + text-align: right; + vertical-align: baseline; + left: -1rem; + width: 2.5em; + margin-left: -2.5em; +} +article h1 { counter-set: h2; } +article h2:before { counter-increment: h2; content: counter(h2) ". "; counter-set: h3; } +article h3:before { counter-increment: h3; content: counter(h2) "." counter(h3) ". ";} +@media (max-width: 60rem) { h2:before, h3:before { display: none; } } + +/* tooltip + citation */ +article p>cite:before { + padding: 0 .5em 0 0; + counter-increment: ref; content: " [" counter(ref) "] "; + vertical-align: super; font-size: .6em; +} +article p>cite > *:only-child { display: none; } +article p>cite:hover > *:only-child, +[data-tooltip]:hover:before { + display: inline-block; z-index: 40; + white-space: pre-wrap; + position: absolute; left: 1rem; right: 1rem; + padding: 1em 2em; + text-align: center; + transform:translateY( calc(-100%) ); + content: attr(data-tooltip); + color: var(--cbg); + background-color: var(--cemph); + box-shadow: 0 2px 10px 0 black; +} +[data-tooltip], article p>cite:before { + color: var(--clink); + border: .8rem solid transparent; margin: -.8rem; +} +abbr[title], [data-tooltip] { cursor: help; } + +/* navbar */ +nav+* { margin-top: 3rem; } +body>nav, header nav { + position: var(--navpos); + top: 0; left: 0; right: 0; + z-index: 41; + box-shadow: 0vw -50vw 0 50vw var(--clight), 0 calc(-50vw + 2px) 4px 50vw var(--cdark); +} +nav ul { list-style-type: none; } +nav ul:first-child { margin: 0; padding: 0; overflow: visible; } +nav ul:first-child > li { + display: inline-block; + margin: 0; + padding: .8rem .6rem; +} +nav ul > li > ul { + display: none; + width: auto; + position: absolute; + margin: .5rem 0; + padding: 1rem 2rem; + background-color: var(--clight); + border: var(--border); + border-radius: 4px; + z-index: 42; +} +nav ul > li > ul > li { white-space: nowrap; } +nav ul > li:hover > ul { display: block; } +@media (max-width: 40rem) { + nav ul:first-child > li:first-child:after { content: " \25BE"; } + nav ul:first-child > li:not(:first-child):not(.sticky) { display: none; } + nav ul:first-child:hover > li:not(:first-child):not(.sticky) { display: block; float: none !important; padding: .3rem .6rem; } +} + +/* details/cards */ +summary>* { display: inline; } +.card, details { + display: block; + margin: .5rem 0 1rem; + padding: 0 .6rem; + border-radius: 4px; + overflow: hidden; +} +.card, details[open] { outline: 1px solid var(--cmed); } +.card>img:first-child { margin: -3px -.6rem; max-width: calc(100% + 1.2rem); } +summary:hover, details[open] summary, .card>p:first-child { + box-shadow: inset 0 0 0 2em var(--clight), 0 -.8rem 0 .8rem var(--clight); +} +.hint { --cmed: var(--cemph); --clight: var(--cemphbg); background-color: var(--clight); } +.warn { --cmed: #c11; --clight: #e221; background-color: var(--clight); } + +/* big first letter */ +article > section:first-of-type > h2:first-of-type + p:first-letter, +article > h2:first-of-type + p:first-letter, .lettrine { + float: left; + font-size: 3.5em; + padding: .1em .1em 0 0; + line-height: .68em; + color: var(--cemph); +} + +/* ornaments */ +section:after { + display: block; + margin: 1em 0; + color: var(--cmed); + text-align: center; + font-size: 1.5em; + content: var(--ornament); +} + +/* side menu (aside is not intended for use in a paragraph!) */ +main aside { + position: absolute; + width: 8rem; right: -8.6rem; + font-size: .8em; line-height: 1.4em; +} +@media (max-width: 70rem) { main aside { display: none; } } + +/* forms and inputs */ +textarea, input:not([type=range]), button, select { + font: var(--font-h); + border-radius: 4px; + border: 1.5px solid var(--cmed); + padding: .4em .8em; + color: var(--cfg); + background-color: var(--clight); +} +fieldset select, input:not([type=checkbox]):not([type=radio]) { + display: block; + width: 100%; + margin: 0 0 1rem; +} +button, select { + font-weight: bold; + margin: .5em; + border: 1.5px solid var(--clink); + color: var(--clink); +} +button { padding: .4em 1em; font-size: 85%; letter-spacing: .1em; } +button[disabled] { color: var(--cdark); border-color: var(--cmed); } +fieldset { border-radius: 4px; border: var(--border); padding: .5em 1em; } +textarea:hover, input:not([type=checkbox]):not([type*='ra']):hover { + border: 1.5px solid var(--cemph); +} +textarea:focus, input:not([type=checkbox]):not([type*='ra']):focus { + border: 1.5px solid var(--clink); + box-shadow: 0 0 5px var(--clink); +} +p>button { padding: 0 .5em; margin: 0 .5em; } +p>select { padding: 0; margin: 0 .5em; } + + +/* 5. Bootstrap-compatible classes ––––––––––––––––––––– */ + +/* grid */ +.row { display: flex; margin: .5rem -.6rem; align-items: stretch; } +.row [class^="col"] { padding: 0 .6rem; } +.row .col { flex: 0 4 100%; } +.row .col-2 { flex: 0 2 16.66%; } +.row .col-3 { flex: 0 3 25%; } +.row .col-4 { flex: 0 4 33.33%; } +.row .col-5 { flex: 0 5 41.66%; } +.row .col-6 { flex: 0 6 50%; } +@media (max-width: 40rem) { .row { flex-direction: column; } } + +/* align */ +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } +.float-left { float: left !important; } +.float-right { float: right !important; } +.clearfix { clear: both; } + +/* colors */ +.text-black { color: #000; } +.text-white { color: #fff; } +.text-primary { color: var(--cemph); } +.text-secondary{ color: var(--cdark); } +.bg-white { background-color: #fff; } +.bg-light { background-color: var(--clight); } +.bg-primary { background-color: var(--cemph); } +.bg-secondary{ background-color: var(--cmed); } + +/* margins */ +.mx-auto { margin-left: auto; margin-right: auto; } +.m-0 { margin: 0 !important; } +.m-1, .mx-1, .mr-1 { margin-right: 1.0rem !important; } +.m-1, .mx-1, .ml-1 { margin-left: 1.0rem !important; } +.m-1, .my-1, .mt-1 { margin-top: 1.0rem !important; } +.m-1, .my-1, .mb-1 { margin-bottom: 1.0rem !important; } + +/* pading */ +.p-0 { padding: 0 !important; } +.p-1, .px-1, .pr-1 { padding-right: 1.0rem !important; } +.p-1, .px-1, .pl-1 { padding-left: 1.0rem !important; } +.p-1, .py-1, .pt-1 { padding-top: 1.0rem !important; } +.p-1, .py-1, .pb-1 { padding-bottom: 1.0rem !important; } + +/* be print friendly */ +@media print { + @page { margin: 1.5cm 2cm; } + html {font-size: 9pt!important; } + body { max-width: 27cm; } + p { orphans: 2; widows: 2; } + caption, figcaption { page-break-before: avoid; } + h2, h3, h4, h5 { page-break-after: avoid;} + .noprint, body>nav, section:after { display: none; } + .row { flex-direction: row; } +} \ No newline at end of file diff --git a/static/style/style.css b/static/style/style.css new file mode 100644 index 0000000..36a4373 --- /dev/null +++ b/static/style/style.css @@ -0,0 +1,127 @@ +:root { + --bg-colour: #1d1f27; + --font-colour: #c9d1d9; + --accent-colour: #8cc2dd; + --success: #4bb543; + --error: #ff3333; +} + +body, +html { + min-height: 100%; +} + +body { + background-color: var(--bg-colour); + color: var(--font-colour); + font-family: "Verdana"; + max-width: 900px; + margin: 0 auto; + padding: 15px; +} + +header { + margin-bottom: 30px; +} + +article { + padding-bottom: 50px; +} + +nav { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +nav > ul { + display: flex; + list-style: none; + gap: 15px; + padding-left: 0; +} + +ul { + padding-left: 15px; +} + +main { + max-width: 900px; + margin: 0 auto; +} + +input { + display: block; + margin-bottom: 15px; + padding: 3px 8px; +} + +form label { + margin-bottom: 5px; + display: inline-block; +} + +a { + color: var(--accent-colour); +} + +button { + font-family: inherit; +} + +hr { + border: 1px dashed #fff; + margin: 20px 0; +} + +.tags { + list-style: none; + display: flex; + flex-wrap: wrap; + gap: 5px; + font-size: 13px; + padding-left: 0px; + margin-block-start: 0px; +} + +.tags label { + cursor: pointer; + padding: 2px 5px; + border: 1px solid var(--accent-colour); + color: var(--accent-colour); + border-radius: 20px; + text-align: center; +} + +.tags input { + display: none; +} + +label:has(input:checked) { + background-color: var(--accent-colour); + color: var(--bg-colour); +} + +img { + max-width: 100%; + height: auto; +} + +figure { + max-width: 500px; + height: auto; + padding: 0; + margin: 0; +} + +figure figcaption { + font-weight: 400; +} + +.error { + color: var(--error); +} + +.success { + color: var(--success); +} diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..64ae319 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,15 @@ + + + + + + index.cooking - {% block title %}{% endblock %} + + + + + {% include "/components/header.html" %} +

{% block heading %}Some heading!{% endblock %}

+ {% block content %}{% endblock %} + + diff --git a/templates/components/app.html b/templates/components/app.html new file mode 100644 index 0000000..6a4c83a --- /dev/null +++ b/templates/components/app.html @@ -0,0 +1,48 @@ + + +
+

Filter by tag

+
+ {% for facet in facets %} + + {% endfor %} +
+
+ + {% if recipes|length > 0 %} +
    + {% for recipe in recipes %} +
  • + {{ recipe.title }} + {{ recipe.author }} +
    • + {% endfor %} +
+ + {% else %} +

No recipes found

+ {% endif %} +
+
diff --git a/templates/components/header.html b/templates/components/header.html new file mode 100644 index 0000000..e69cedf --- /dev/null +++ b/templates/components/header.html @@ -0,0 +1,21 @@ +
+ +
diff --git a/templates/pages/about.html b/templates/pages/about.html new file mode 100644 index 0000000..d719941 --- /dev/null +++ b/templates/pages/about.html @@ -0,0 +1,20 @@ +{% extends "base.html" %} {% block title %} about {% endblock %} {% block +heading %} +

about

+{% endblock %} {% block content %} +

+ index.cooking is a simple website that allows you to add your favourite + recipes from the internet to your own personal searchable index (hence the + name). +

+

+ Simply add URLs for your recipes and index.cooking will remove all the bloat + and stories about grandmother's blah blah blah....and just give you the info + you need to cook your favourite meals. +

+

+ Right now index.cooking supports extracting markup from Wordpress sites using + Yoast SEO Schema. If you have other websites that you would like us to index, + then reach out here. +

+{% endblock %} diff --git a/templates/pages/account.html b/templates/pages/account.html new file mode 100644 index 0000000..db28632 --- /dev/null +++ b/templates/pages/account.html @@ -0,0 +1,16 @@ +{% extends "base.html" %} {% block title %} account {% endblock %} {% block +heading %} +

Hey {{ session.username }} 👋

+{% endblock %} {% block content %} +

+ Remember that index.cooking does not store any personal information such as + email addresses, so you are responsible for keeping access to your account at + all times, be sure to keep your username and password safe! +

+

+ If you have lost account access and you need the URLs of all the recipes you + previously addedd, then contact me + here. +

+ +{% endblock %} diff --git a/templates/pages/home.html b/templates/pages/home.html new file mode 100644 index 0000000..6a5d4cd --- /dev/null +++ b/templates/pages/home.html @@ -0,0 +1,26 @@ +{% extends "base.html" %} {% block title %} home {% endblock %} {% block heading +%}recipes{% endblock %} {% block content %} +

add new recipe

+
+ + +
+ +

search for recipes 🔎

+ + +{% include "/components/app.html" %} {% endblock %} diff --git a/templates/pages/landing.html b/templates/pages/landing.html new file mode 100644 index 0000000..d6697c8 --- /dev/null +++ b/templates/pages/landing.html @@ -0,0 +1,15 @@ +{% extends "base.html" %} {% block title %} welcome 👋{% endblock %} {% block +heading %}{% endblock %} {% block content %} +
+

index.recipes

+

+ Welcome. Index.recipes is your own personal recipe database that gets rids + of all the noise and bloat of modern recipe sites. +

+

+ You can add URLs for your favourite recipes and your own personal searchable + recipe database will be created. +

+

Cheers 🍻

+
+{% endblock %} diff --git a/templates/pages/login.html b/templates/pages/login.html new file mode 100644 index 0000000..dfee9a0 --- /dev/null +++ b/templates/pages/login.html @@ -0,0 +1,13 @@ +{% extends "base.html" %} {% block title %}login{% endblock %} {% block heading +%} +

login

+{% endblock %} {% block content %} +
+ + + + + +
+

+{% endblock %} diff --git a/templates/pages/signup.html b/templates/pages/signup.html new file mode 100644 index 0000000..c706074 --- /dev/null +++ b/templates/pages/signup.html @@ -0,0 +1,18 @@ +{% extends "base.html" %} {% block title %}signup{% endblock %} {% block heading +%} +

signup*

+{% endblock %} {% block content %} +
+ + + + + +
+

+

+ * index.cooking does not store any personal information about you, + including email. So be sure to keep your login information safe, as it won't + be recoverable. +

+{% endblock %} diff --git a/templates/pages/single-recipe.html b/templates/pages/single-recipe.html new file mode 100644 index 0000000..35c03c0 --- /dev/null +++ b/templates/pages/single-recipe.html @@ -0,0 +1,29 @@ +{% extends "base.html" %} {% block heading %} {{ single_recipe.title }} {% +endblock %} {% block content %} +
+
+ {{ single_recipe.title }} +
Source
+
+

Ingredients

+
    + {% for ingredient in single_recipe.ingredients %} +
  • {{ ingredient }}
    • + {% endfor %} +
+

Instructions

+
    + {% for instruction in single_recipe.instructions %} +
  • {{ instruction }}
    • + {% endfor %} +
+
+ +

+{% endblock %} diff --git a/veg.html b/veg.html new file mode 100644 index 0000000..31ebb8f --- /dev/null +++ b/veg.html @@ -0,0 +1,3693 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Crispy Baked Teriyaki Tofu - Connoisseurus Veg + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Connoisseurus Veg logo

SUBSCRIBE

+

Sign up for updates and my FREE Vegan Dinner Solutions email series!

+
+ + +
+
+
+
+ + + menu icon + + + + +
+ search icon + + + + + +

Published: · Modified: by · This post may contain affiliate links · 68 Comments

Crispy Baked Teriyaki Tofu

+
Jump to Recipe + + Print Recipe
+
+

This crispy teriyaki tofu is better than takeout and easy enough for a weeknight dinner! Crispy tofu nuggets are baked (not fried!) and smothered in sticky sweet and savory teriyaki sauce. Serve with rice and steamed veggies for a knock-your-socks-off vegan meal.

+ + +
+
Wooden surface set with a plate of Teriyaki Tofu, dish of sesame seeds, and bunch of scallions.
+ + + +

My husband and I always seem to find ourselves eating teriyaki tofu while we're on vacation. It's hard to find vegan food when you're away from home, and it can be really hard to to pick a restaurant. There's always this gamble and you might end up eating salad. I eat enough salad at home.

+ + + +

But Japanese restaurants are usually a safe bet. At the very least, you'll be able to get your hands on some vegan sushi. And if you're lucky, they'll have some delicious vegan tofu dishes.

+ + + +

We tend to get lucky in the tofu department when visiting Japanese restaurants away from home, and we often end up ordering teriyaki tofu.

+ + +
Jump to:
+ + +

On our last trip we were splitting a big plate of tofu teriyaki and I commented on how different all the versions we've tried are. Some are super sweet, some very spicy, most are pretty (deliciously) salty. When we got back home I promptly started working on what I consider to be the ultimate tofu teriyaki recipe.

+ + + +

So this is my recipe, and personally, I think it's better than every restaurant version I've tried.

+ + + +

One thing I'm usually not a fan of is silken tofu in savory dishes. I realize silken tofu gives you more of a traditional Japanese dish, and lots of restaurants use it, but I'm just not a fan. I like super crispy tofu with a coating that holds up to sauce!

+ + + +

I tried a different approach than my usual for making this crispy tofu: I baked it! Normally, I'd say frying is the way to go, but I know a lot of folks swear by baking tofu with cornstarch and just a little bit of oil. I gave it a try, and you know what? It was awesome! Also, it made the dish easier and quicker to throw together, since baking is pretty hands-off once you've got the tofu in the oven.

+ + + +
+

Ingredients You'll Need

+ + + +
    +
  • Extra-firm tofu. Extra-firm tofu has the best texture for this recipe, but it will need to be pressed to remove excess moisture. Feel free to substitute with super-firm tofu if you don't feel like pressing it.
    • + + + +
  • Soy sauce. Tamari or liquid aminos will also work. Use gluten-free tamari to keep the entire recipe gluten-free. You can also use low-sodium soy sauce if you'd like to reduce the sodium content of the dish.
    • + + + +
  • Vegetable oil. Pretty much any neutral, vegetable based high heat oil can be used.
    • + + + +
  • Cornstarch.
    • + + + +
  • White pepper. This adds a nice flavor, but feel free to use black pepper if it's not something you normally buy.
    • + + + +
  • Brown sugar. Use organic brown sugar to keep the recipe vegan.
    • + + + +
  • Rice vinegar.
    • + + + +
  • Mirin or dry sherry. These add flavor to the sauce, but can be omitted if you prefer to cook without alcohol.
    • + + + +
  • Toasted sesame oil.
    • + + + +
  • Fresh ginger.
    • + + + +
  • Garlic.
    • + + + +
  • Accompaniments. You'll want to top your teriyaki tofu with toasted sesame seeds and chopped scallions (also known as green onions). I recommend serving it over rice with some steamed broccoli, but you could alternatively serve it over noodles or quinoa, or even cauliflower rice with other varieties of veggies such as cabbage, green beans, asparagus, bell peppers, mushrooms and carrots, among others!
    • +
+
+ + + +

Tip: This recipe uses homemade teriyaki sauce (because it's the best), but you can certainly substitute with bottled teriyaki sauce to save time. Check the ingredients to ensure it's vegan. You'll need about ¾ cup of sauce.

+ + + +

How It's Made

+ + + +

The following is a detailed photo tutorial on how to make this dish. Scroll all the way down if you'd like to skip right to the recipe!

+ + + +
+
+
Tofu cubes coated in cornstarch and seasonings in a bowl with a spoon.
+ + +

First, dice up your tofu and toss it with some soy sauce for flavor. Add some cornstarch, a little pepper for kick, and a bit of oil.

+
+ + + +
+
Tofu cubes on a baking sheet.
+ + +

Arrange the tofu cubes on a baking sheet, then stick the baking sheet into the oven. Let it bake away for about 30 minutes. Flip the pieces about halfway through.

+
+
+ + + +
+
+
Teriyaki sauce simmering in a pot.
+ + +

Simmer the teriyaki sauce ingredients on the stovetop while the tofu bakes: water, brown sugar, soy sauce, rice vinegar, sherry, sesame oil, garlic, and ginger.

+
+ + + +
+
Hand stirring cornstarch slurry together in a bowl.
+ + +

Stir some cornstarch and cold water together. Add the cornstarch slurry to the sauce after it's been simmering for about 10 minute. Bring it back to a simmer and it will quickly thicken up. Remove it from heat.

+
+
+ + + +

Tip: The sauce can easily be made in advance and stored in an airtight container in the fridge. It may thicken up during storage. Whisk it vigorously while reheating and add a splash of water if needed to thin it.

+ + + +
+
+
Crispy baked tofu cubes on a baking sheet.
+ + +

Take your tofu out of the oven when the pieces are golden brown. You'll be amazed at how crispy it turns out!

+
+ + + +
+
Tofu cubes in a pot with teriyaki sauce.
+ + +

Add the baked tofu to the teriyaki sauce. Stir it up well to coat the pieces in sauce!

+
+
+ + +
+
Plate of Teriyaki Tofu with napkin and dish of sesame seeds in the background.
+ + +

Serve your teriyaki tofu with your choice of accompaniments. This dish is best served immediately, because the tofu will eventually lose its crispness as it sits.

+ + + +
+

Leftovers & Storage

+ + + +

Leftover teriyaki tofu will keep in an airtight container in the fridge for 3 to 4 days. It won't stay crispy, but it will still taste good!

+
+ + + +

More Vegan Japanese-Inspired Recipes

+ + +
+ + +

Like this recipe? If so, please stop back and leave me a review and rating below if you try it! Also be sure to follow me on Facebook, Pinterest or Instagram, or subscribe to my newsletter for more recipes like this one!

+ + +
+
Plate of Teriyaki Tofu with broccoli and rice.
+
+ +
+ Print + Pin +
4.95 from 70 votes
+
+

Crispy Baked Teriyaki Tofu

+
+
This crispy teriyaki tofu is better than takeout and easy enough for a weeknight dinner! Crispy tofu nuggets are baked (not fried!) and smothered in sticky sweet and savory teriyaki sauce. Serve with rice and steamed veggies for a knock-your-socks-off vegan meal.
+
+
Course Entree
Cuisine Japanese
+
+
Prep Time 10 minutes
Cook Time 30 minutes
Total Time 40 minutes
+
+
Servings 4
+
Calories 185kcal
+
Author Alissa Saenz
+ + +

Ingredients

For the Crispy Baked Tofu

  • 1 (14 ounce) package extra firm tofu, drained, pressed, and cut into 1-inch pieces
  • 1 tablespoon soy sauce
  • 1 tablespoon vegetable oil (or high heat oil of choice)
  • 1 tablespoon cornstarch
  • ¼ teaspoon white pepper (or black pepper, if that's what you've got)

For the Teriyaki Sauce

  • ¼ cup water
  • ⅓ cup soy sauce
  • 3 tablespoons brown sugar
  • 2 tablespoons rice vinegar
  • 2 tablespoons mirin or dry sherry
  • 1 teaspoon toasted sesame oil
  • 1 teaspoon freshly grated ginger
  • 1 garlic clove, minced
  • 2 tablespoons chilled water
  • 1 tablespoon cornstarch

For Serving

  • Cooked rice
  • Steamed veggies
  • Chopped scallions
  • Toasted sesame seeds
US Customary - Metric
+

Instructions

  • To make the crispy baked tofu, preheat the oven to 400° and line a baking sheet with parchment paper.
  • Place the tofu into a medium bowl and add the soy sauce, oil, cornstarch, and pepper. Toss to coat the tofu.
  • Arrange the tofu pieces in a single layer on the baking sheet.
  • Bake for about 30 minutes, turning halfway through, until browned and crispy.
  • While the tofu bakes, prepare the sauce. Stir ¼ cup of water, brown sugar, soy sauce, rice vinegar, sherry, sesame oil, garlic, and ginger together in small saucepan.
  • Place the saucepan over medium heat and bring the sauce to a simmer.
  • Lower the heat and allow it to simmer for 10 minutes, until reduced by about ⅓.
  • Stir the chilled water and cornstarch together in a small bowl or cup. Stir the mixture into the sauce and allow it to simmer for about 1 minute more, until it thickens up a bit.
  • Remove the pot from the heat.
  • When the tofu is finished cooking, add it to the pot and stir to coat the tofu with sauce.
  • Divide onto plates with rice and steamed veggies. Top with sesame seeds and scallions. Serve.
+
+

Notes

Nutrition information does not include accompaniments.
+

Would you like to save this?

We'll email this post to you, so you can come back to it later!

+

Nutrition

Calories: 185kcal | Carbohydrates: 18g | Fat: 8.8g | Saturated Fat: 1.3g | Sodium: 1523mg | Potassium: 221mg | Fiber: 1.2g | Sugar: 9.6g | Calcium: 160mg | Iron: 2.2mg
«
»

+ Sharing is caring!

+
+
+

About Alissa Saenz

Hi, I'm Alissa! I'm a former attorney turned professional food blogger. I love creating vegan recipes with bold flavors! You can read more about me here.

+

I'd love to connect with you on Facebook, Instagram, or Pinterest.

+

Subscribe

+

Subscribe for email updates and receive a free copy of my veggie burger e-book!

+
+ + +
+
+

Reader Interactions

Comments

    +
    +
    + 4.95 from 70 votes (31 ratings without comment) +
    +
    +
    +

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    + +
    + Recipe Rating +




    +     +
    +

    + +

    + +

    + +
  1. +
    + + +
    +

    + Sarah Mitchell says

    + +

    + +
    + +

    5 stars
    +This recipe is that golden combination of both very simple to make and very yummy to eat! It's really easy to get the sauce made, veggies steamed, and rice cooked while the tofu is baking so you never feel rushed and the cooking experience is relaxing and enjoyable. We like to serve it with broccoli and thinly sliced carrot rounds and dump the veggies in the sauce right along with the tofu. I can't speak to how it holds up as leftovers because we never have any! Lol. Definitely a new staple recipe in our household :)

    +
    + +
    Reply
    + +
    +
    2. + +
  2. +
    + + +
    +

    + Heather says

    + +

    + +
    + +

    5 stars
    +The best teriyaki sauce! I omitted the sherry as suggested. Delicious!

    +
    + +
    Reply
    + +
    +
    3. + +
  3. +
    + + +
    +

    + Søren says

    + +

    + +
    + +

    5 stars
    +This was delicious. My family loved this style of tofu as part of a rice bowl with various other toppings. I also made a spicier sichuan sauce on the size, which paired well.

    +
    + +
    Reply
    + +
    +
    4. + +
  4. +
    + + +
    +

    + jennifer says

    + +

    + +
    + +

    This looks wonderful!
    +Do you think an air fryer could be used here, rather than baking the tofu? And at what temp and cook time?
    +And thank you for the delightful sauce recipe!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      Thank you! And it can absolutely be air fried!. 425°F for 15 minutes should be perfect. Enjoy!!

      +
      + +
      Reply
      + +
      +
      • +
    +
    5. + +
  5. +
    + + +
    +

    + Kallie says

    + +

    + +
    + +

    5 stars
    +I've been making this recipe since the start of the pandemic and it has become an easy weeknight staple. The flavors are all there and once you invest in the key ingredients it becomes so easy to make this dish all the time for only the price of tofu and some scallions which was much appreciated when the world was shut down. Thank you so much for this recipe!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Carrie says

      + +

      + +
      + +

      5 stars
      +Delicious! Found this recipe tonight as hubby & I were mulling over what to cook. We had all of the ingredients & am glad we did! Only swaps were using less oil (we try to eat oil free but I didn’t know if leaving the oil put would ruin the baked tofu). I also used subbed coconut aminos for soy sauce. Served with broccoli (mixed the broccoli & tofu with the sauce) over brown rice. My family enjoyed it. Even my picky kiddo liked it enough that he ate all his tofu and broccoli. Only food he left over was rice. To me that is a win! Thanks for the great recipe. If you have suggestions on how to make it oil free, I am all ears. Will definitely be making this again!

      +
      + +
      Reply
      + +
      +
        + +
      • +
        + + +
        +

        + Alissa Saenz says

        + +

        + +
        + +

        I'm glad you enjoyed it! The easiest way to make this oil free would be to skip the cornstarch coating and simply brown the tofu cubes in a nonstick skillet. Alternatively, if you really want a crispy coating you could try something like this: https://www.connoisseurusveg.com/tofu-nuggets/ without the oil mist. I'd make a little extra sauce if you go this route, because the coating ends up being so thick that your tofu pieces will have more surface area to cover!

        +
        + +
        Reply
        + +
        +
        • +
      +
      • +
    +
    6. + +
  6. +
    + + +
    +

    + Emma says

    + +

    + +
    + +

    5 stars
    +So good! I made this recipe exactly as written and served over white rice and broccoli as pictured, and it was perfect. I also added a bit of chili crisp to each serving at the end for a little bit of spice. This is going into my regular meal rotation for sure!

    +
    + +
    Reply
    + +
    +
    7. + +
  7. +
    + + +
    +

    + Maddie McCoy says

    + +

    + +
    + +

    5 stars
    +I served it with 1.5 cups (dry) brown rice, and microwave-steamed frozen broccoli! It says 4 servings but it was so good that my boyfriend and I ate all of it just the two of us for dinner! :)

    +
    + +
    Reply
    + +
    +
    8. + +
  8. +
    + + +
    +

    + Joe Thompson says

    + +

    + +
    + +

    Is the simmering down of the sauce necessary? Could I just add less water?

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      You do need to at least simmer it briefly with the cornstarch in order to thicken it. Aside from that the simmering does build flavor, but it's not strictly necessary.

      +
      + +
      Reply
      + +
      +
      • +
    +
    9. + +
  9. +
    + + +
    +

    + Sara says

    + +

    + +
    + +

    5 stars
    +The whole recipe is amazing, but the stand out is the way the tofu bakes. I have been vegan for almost 2 decades, absolutely adore tofu and I am a great cook, but this was the first time I had baked tofu come out perfectly (this recipe combines the right amount of coating/right temperature/time in oven #trifecta). It was insanely crispy, the texture was spot on and it held the sauce perfectly. This is going to be the recipe I send tofu hating friends and family, because not only is it easy and delicious but it shows how amazing tofu can be.

    +
    + +
    Reply
    + +
    +
    10. + +
  10. +
    + + +
    +

    + Mark says

    + +

    + +
    + +

    5 stars
    +I made this with white rice and mixed steamed veggies (carrots, green pepper, baby bok choy). It was very delicious. There's a lot going on at once, but it all came together in a very tasty meal. I will definitely be making this again. I may even use the sauce with other things.

    +
    + +
    Reply
    + +
    +
    11. + +
  11. +
    + + +
    +

    + Patricia says

    + +

    + +
    + +

    4 stars
    +Thank you for this wonderful recipe and for introducing me to baked tofu. My only concern was how salty the sauce was, even though I used low sodium Tamari. I will be trying some of the ideas mentioned to make it a little less salty and hope they don't take away from the wonderful taste too much. Still, the dish was delicious.

    +
    + +
    Reply
    + +
    +
    12. + +
  12. +
    + + +
    +

    + Ali says

    + +

    + +
    + +

    I’m half way through Veganuary and was getting bored, so bought some teriyaki tofu. Delicious with jasmine rice and broccoli, thank you

    +
    + +
    Reply
    + +
    +
    13. + +
  13. +
    + + +
    +

    + Anna says

    + +

    + +
    + +

    4 stars
    +Delicious!

    +
    + +
    Reply
    + +
    +
    14. + +
  14. +
    + + +
    +

    + Clare says

    + +

    + +
    + +

    5 stars
    +Hello. My girlfriend is Spanish and I’m a vegetarian, difficult mix, she’d never had Tofu before and absolutely loved this!!! Thank you so much! It’s so amazing she gave it a 10/10

    +
    + +
    Reply
    + +
    +
    15. + +
  15. +
    + + +
    +

    + Lola Drewery says

    + +

    + +
    + +

    5 stars
    +sooo good. Made it with a miso Kale salad and Yam and avocado sushi roll. Will make again!

    +
    + +
    Reply
    + +
    +
    16. + +
  16. +
    + + +
    +

    + Cel says

    + +

    + +
    + +

    5 stars
    +YUM!! Teriyaki Tofu has always been my true love, but I had never attempted it until tonight. This recipe is amazing!

    +

    The most perfect lil tofus, I love the crispy outside. I tossed with sunflower oil and it worked great.
    +I paired it with some quinoa and pan roasted teriyaki zucchinis!

    +

    Thank you for this amazing recipe, it's my new go-to!

    +
    + +
    Reply
    + +
    +
    17. + +
  17. +
    + + +
    +

    + Meeta says

    + +

    + +
    + +

    5 stars
    +never cooking tofu any other way again! this recipe was wonderful. even my 4 and 5 year old kids couldn't get enough tofu and sauce! thanks so much!

    +
    + +
    Reply
    + +
    +
    18. + +
  18. +
    + + +
    +

    + Katy says

    + +

    + +
    + +

    5 stars
    +This is my first review ever for an recipe, but it was sooo delicious and easy to make that I must write one.
    +My husband and I are vegan and I've tried many recipes over the last months. We both love the asian kitchen and so I've found your recipe two days ago. I've made it yesterday and today again because this is one of the best recipes ever. I love the baked tofu and will definitely bake it from now on. Thank you so much for this fantastic recipe!

    +
    + +
    Reply
    + +
    +
    19. + +
  19. +
    + + +
    +

    + Melissa says

    + +

    + +
    + +

    5 stars
    +It was perfect even though I didn’t have dry sherry or mirin. I also had to sub cornstarch for potato starch. Still delicious and perfect consistency and flavor.

    +
    + +
    Reply
    + +
    +
    20. + +
  20. +
    + + +
    +

    + Alyssa says

    + +

    + +
    + +

    5 stars
    +I love this recipe! I've made it twice, once I fried the tofu instead of baking, it was delicious but even better when I had extra time to put it in the oven. I use it in sushi bowls with cucumber, avocado, seaweed, imitation crab and sircacha mayo.

    +
    + +
    Reply
    + +
    +
    21. + +
  21. +
    + + +
    +

    + Michelle Neff-McCormack says

    + +

    + +
    + +

    5 stars
    +I make this on the regular. Usually for our weekday lunches. Such a great flavor and super easy to make!

    +
    + +
    Reply
    + +
    +
    22. + +
  22. +
    + + +
    +

    + Sue Gordon says

    + +

    + +
    + +

    With the covid virus,I’ve not been able to get any dry sherry to make this recipe. I have all the other ingredients. What would you advise as a substitute? Thanks for any help you can provide. I’m hungry!!!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      You could try using dry white wine if that's available. If not, I'd just skip it! It adds flavor, but the sauce should still be delicious without it!

      +
      + +
      Reply
      + +
      +
      • +
    +
    23. + +
  23. +
    + + +
    +

    + Seema Kumar says

    + +

    + +
    + +

    5 stars
    +We are a vegan family , My son is a very picky eater and likes variety in his food , that is why experimenting with other cuisines . It was super easy and absolutely delicious. Tofu was very well done and the end product was better than restaurant style , Will try other recipes as well from your site .

    +

    Thanks again for making my day !

    +
    + +
    Reply
    + +
    +
    24. + +
  24. +
    + + +
    +

    + jancrs says

    + +

    + +
    + +

    5 stars
    +Excellent recipe— thanks! I fried the tofu in sesame oil and added lots of stir fried vegetables (onion, sweet peppers, and snow peas in addition to the broccoli). It was a big hit! I am excited to try your other recipes.

    +
    + +
    Reply
    + +
    +
    25. + +
  25. +
    + + +
    +

    + Kristine Bacharach says

    + +

    + +
    + +

    5 stars
    +I made this for my family last night after stumbling onto your site. My New Year’s resolution this year was to incorporate at least one vegetarian meal per week. This was a hit! My husband and mother-in-law both said it was really good, and both were reluctant when I told them we were having tofu for dinner. The texture was good and the sauce was amazing! I served it with jasmine rice and snow peas. Thank you for a great recipe that was quick and easy to prepare

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Kellyn says

      + +

      + +
      + +

      3 stars
      +I used half the soy sauce and replaced the rest with water and it was still profoundly salty, but the end result was a beautiful looking teriyaki sauce. The flavor would have been better if it was so ridiculously salty. I plan to make this again with 2 tbsp soy sauce and ¾ cup water and not toss the tofu in soy sauce.

      +
      + +
      Reply
      + +
      +
      • +
    +
    26. + +
  26. +
    + + +
    +

    + Alison Forness says

    + +

    + +
    + +

    The recipe sounds delicious! My only concern is the use of canola oil, probably the worst oil there is for human consumption. As a holistic health coach I would never recommend it. Avocado or grape seed are better alternatives

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Nikki says

      + +

      + +
      + +

      5 stars
      +Agreed

      +
      + +
      Reply
      + +
      +
      • +
    +
    27. + +
  27. +
    + + +
    +

    + Catherine says

    + +

    + +
    + +

    4 stars
    +I will definitely be baking my tofu from now on. We all loved it. The sauce, however, was very salty (and I’m a salt fiend) but I possible simmered it for too long. I’ll add more sugar and water next time. Having said that, serving it with rice, broccoli and sugar snaps was perfect. Will be making this again.

    +
    + +
    Reply
    + +
    +
    28. + +
  28. +
    + + +
    +

    + faith says

    + +

    + +
    + +

    5 stars
    +We LOVED this recipe! I've made it twice now. The second time I must've used too much cornstarch in the sauce and it was slimy... so watch out for that! Otherwise, this was easy, quick, cheap and DELICIOUS!!!

    +
    + +
    Reply
    + +
    +
    29. + +
  29. +
    + + +
    +

    + Kate says

    + +

    + +
    + +

    5 stars
    +It's not that easy to find such repices in German language. Most of Japanese food isn't vegan in my country so I enjoyed this recipe so much. I am so in love with that sauce, I added more garlic and it's so perfect.
    +I am going to cook it more often.

    +

    Thank you so much!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      Yay! Very welcome! I'm so glad you like it!

      +
      + +
      Reply
      + +
      +
      • +
    +
    30. + +
  30. +
    + + +
    +

    + Ramie says

    + +

    + +
    + +

    5 stars
    +Thank you so much for sharing this incredible recipe. I added some red pepper flakes and the meal was delicious. Thank you thank you!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      Sounds delicious! Glad you like it!

      +
      + +
      Reply
      + +
      +
      • +
    +
    31. + +
  31. +
    + + +
    +

    + Jessica says

    + +

    + +
    + +

    5 stars
    +I just made this for a lazy sunday lunch/dinner. Super easy and delicious!!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm so glad you like it!

      +
      + +
      Reply
      + +
      +
      • +
    +
    32. + +
  32. +
    + + +
    +

    + Paige says

    + +

    + +
    + +

    5 stars
    +I’m not kidding when I say I make this every week for meal prep. It’s about the only meal I can find to eat 5 days in a row. It is DELICIOUS. When I want it spicy I add a tablespoon of Korean-style red pepper. Also add in a few splashes of vegan fish sauce. Absolutely love this recipe. Definitely makes tofu delicious!!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm so glad you like it! I'm intrigued by vegan fish sauce - do you buy it or make your own? Now I want to get my hands on some and try it out!

      +
      + +
      Reply
      + +
      +
        + +
      • +
        + + +
        +

        + Alice says

        + +

        + +
        + +

        I'm not sure about vegan fish sauce. But kelp powder is usually used for vegan fish flavour in vegan dishes. That I know of anyway. A tiny amount goes a long way and so it lasts for ages. Adds a lot of depth of flavour and is great for anything ""fishy"" you want to make. Or just to add some flavour.

        +
        + +
        Reply
        + +
        +
        • +
      +
      • +
    +
    33. + +
  33. +
    + + +
    +

    + Evey says

    + +

    + +
    + +

    5 stars
    +I decided on the spot to make this, so I didn’t have every single ingredient. I either improvised or left a couple of things out (and added mushrooms and skinny sliced red peppers) and it still turned out quite wonderful. Was proud of that homemade Teriyaki sauce! And the baked tofu is the way to go! Thanks for creating this delicious recipe!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm glad it worked out and you enjoyed it! Thanks so much Evey!

      +
      + +
      Reply
      + +
      +
      • +
    +
    34. + +
  34. +
    + + +
    +

    + Ari says

    + +

    + +
    + +

    5 stars
    +So yum!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm glad you think so!

      +
      + +
      Reply
      + +
      +
      • +
    +
    35. + +
  35. +
    + + +
    +

    + Thom Kolton says

    + +

    + +
    + +

    5 stars
    +I marinated the tofu in soy sauce before dipping it in the mixture and backing it. Mistake. The tofu browned up very nicely, but didn't get crispy. I think there was just too much moisture in the tofu. Still, it was a absolutely delicious and, while I thought I had increased the recipe too much, there were leftovers. I will make this again and again.

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm so glad you enjoyed it! Thanks Thom!

      +
      + +
      Reply
      + +
      +
      • +
    +
    36. + +
  36. +
    + + +
    +

    + Cindy says

    + +

    + +
    + +

    5 stars
    +This was the second time I have made this dish. My husband just loves it. Thanks for showing me how to make crispy tofu in the oven.

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm so glad you like it! Thanks so much Cindy!

      +
      + +
      Reply
      + +
      +
      • +
    +
    37. + +
  37. +
    + + +
    +

    + Jeff says

    + +

    + +
    + +

    5 stars
    +I made this tonight. It was very easy. I had never baked tofu before (I've always fried it) and got rave reviews from the family.

    +

    One of my daughters didn't like it, but everyone else loved it, including me.This will be in our dinner rotation.

    +

    It was a really great change from fried tofu.

    +

    Since you add the sauce last, you can have some tofu for pickier eaters and the sauce for everyone else.

    +

    The sesame seeds REALLY add to the flavor.

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm so glad it was a hit! Thanks Jeff!!

      +
      + +
      Reply
      + +
      +
      • + +
    • +
      + + +
      +

      + Nicholas Parkes says

      + +

      + +
      + +

      Should we / Did you use raw sesame seeds or did you toast them?

      +
      + +
      Reply
      + +
      +
        + +
      • +
        + + +
        +

        + Alissa Saenz says

        + +

        + +
        + +

        I prefer toasted (I buy them that way) but raw sesame seeds can work to. Whichever you prefer!

        +
        + +
        Reply
        + +
        +
        • +
      +
      • +
    +
    38. + +
  38. +
    + + +
    +

    + John says

    + +

    + +
    + +

    5 stars
    +It was my turn to cook dinner, and I found this recipe. We had most of the ingredients, so away I went. I fried the tofu in a frying pan instead of baking it in the oven. It was easier, and faster for me to do it that way. Otherwise, I followed the recipe word for word. We were very happy with the results! Now it's another option for the age old question, "What's for dinner?"

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      Yay! I'm so glad you enjoyed it! Thanks so much John!

      +
      + +
      Reply
      + +
      +
        + +
      • +
        + + +
        +

        + dawn says

        + +

        + +
        + +

        4 stars
        +Hi! I’m an amateur cook so this was a bit challenging for me. I found that in the end result the sauce have this weird salty sourly taste and I was wondering what would you recommend to make it more sweeter and less powering.

        +
        + +
        Reply
        + +
        +
          + +
        • +
          + + +
          +

          + Alissa Saenz says

          + +

          + +
          + +

          Hi Dawn! Try adding a bit of extra brown sugar to balance out the salty and tart flavors. Just add 1 tablespoon at a time when the sauce is just about done, until you're happy with the flavor.

          +
          + +
          Reply
          + +
          +
          • +
        +
        • +
      +
      • +
    +
    39. + +
  39. +
    + + +
    +

    + vivian says

    + +

    + +
    + +

    5 stars
    +I really enjoyed this recipe, both the taste and how easy it was to make. Served with roasted broccoli and jasmine rice and veggie spring rolls. Thanks for a great recipe!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      Sounds like a delicious meal! Glad you enjoyed it!

      +
      + +
      Reply
      + +
      +
        + +
      • +
        + + +
        +

        + Clare says

        + +

        + +
        + +

        5 stars
        +This is the best teriyaki sauce I've come across! Will hold onto this recipe. Thank you!

        +
        + +
        Reply
        + +
        +
        • +
      +
      • +
    +
    40. + +
  40. +
    + + +
    +

    + Connie says

    + +

    + +
    + +

    5 stars
    +I made this the other night and it was really good. Thanks!

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alissa Saenz says

      + +

      + +
      + +

      I'm so glad you enjoyed it! Thanks Connie!

      +
      + +
      Reply
      + +
      +
      • + +
    • +
      + + +
      +

      + Valarie Napawanetz says

      + +

      + +
      + +

      We made it tonight and I was astonished at how delicate and delicious this was. The tofu was perfect. I cut mine into thin slices and basted each slice with the teriyaki sauce. Then adds more according to the recipe when serving. I served with sautéed Bok choy. Excellent. Loved it. The sauce is amazing.

      +
      + +
      Reply
      + +
      +
      • +
    +
    41. + +
  41. +
    + + +
    +

    + Barb says

    + +

    + +
    + +

    5 stars
    +As soon as I saw this recipe I knew it was dinner. I made the sauce ahead of time and reheated once the tofu came out. I cheated and used ginger paste and garlic powder in the same equivalent (because, Monday...) but I can only imagine it'd be that much better with the fresh versions. Served it over organic brown rice and steamed broccoli and it was excellent! I'm not even that big of a teriyaki fan but this is definitely a keeper. Thank you, your recipes never fail me.

    +
    + +
    Reply
    + +
    +
      + +
    • +
      + + +
      +

      + Alexandra Kenin says

      + +

      + +
      + +

      5 stars
      +This teriyaki sauce was THE BOMB. Thank you!!

      +
      + +
      Reply
      + +
      +
      • +
    +
    42. +
+
+ + +
+ +
+ +
+ +
+
+ + +
+ +
+ +
+

NEVER MISS A RECIPE

+

Subscribe and I'll send you my free VEGAN DINNER SOLUTIONS email series.

+
+
+
Vegetable Chow Mein +
+
+ +
+
+
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+ +
+ + + + + +
+
+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3