ada/tunic-tracker-redux
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
main
tunic-tracker-redux/tunictracker/werefoxtheme/static_src/tailwind.config.js

302 lines
9.7 KiB
JavaScript
Raw Permalink Normal View History

Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
/**
* This is a minimal config.
*
* If you need the full config, get it from here:
* https://unpkg.com/browse/tailwindcss@latest/stubs/defaultConfig.stub.js
*/
module.exports = {
content: [
/**
* HTML. Paths to Django template files that will contain Tailwind CSS classes.
*/
/* Templates within theme app (<tailwind_app_name>/templates), e.g. base.html. */
"../templates/**/*.html",
/*
* Main templates directory of the project (BASE_DIR/templates).
* Adjust the following line to match your project structure.
*/
"../../templates/**/*.html",
/*
* Templates in other django apps (BASE_DIR/<any_app_name>/templates).
* Adjust the following line to match your project structure.
*/
"../../**/templates/**/*.html",
/**
* JS: If you use Tailwind CSS in JavaScript, uncomment the following lines and make sure
* patterns match your project structure.
*/
/* JS 1: Ignore any JavaScript in node_modules folder. */
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
"!../../**/node_modules",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
/* JS 2: Process all JavaScript files in the project. */
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
"../../**/*.js",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
/**
* Python: If you use Tailwind CSS classes in Python, uncomment the following line
* and make sure the pattern below matches your project structure.
*/
// '../../**/*.py'
],
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
safelist: [
"order-first",
"order-last",
"order-1",
"order-2",
"order-3",
"order-4",
"order-5",
"order-6",
"order-7",
"order-8",
"order-9",
"order-10",
"order-11",
"order-12",
"order-13",
"order-14",
"order-15",
"order-16",
"order-17",
"order-18",
"order-19",
"order-20",
],
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
theme: {
container: {
center: true,
padding: {
Page refresh should update with current information. Scene and checks lists update properly in javascript.
2024-04-05 12:06:07 -05:00
DEFAULT: "2rem",
xl: "4rem",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
},
extend: {
fontFamily: {
nerd: ["DejaVuSansMono"],
Many styling changes, reoganized elements to be at the bottom, styled buttons to look proper. Added hints list.
2024-04-06 19:23:44 -05:00
trunic: ["Trunic-Regular"],
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
colors: {
bluelight: {
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
light: "hsla(204, 56.86%, 50%, 0.5)",
DEFAULT: "hsla(203.91, 56.64%, 44.31%, 1)",
dark: "hsla(204.13, 100%, 35.1%, 0.5)",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
translucent: {
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
light: "hsla(203.91, 56.64%, 44.31%, 0.25)",
DEFAULT: "hsla(203.91, 56.64%, 44.31%, 0.5)",
dark: "hsla(203.94, 100%, 59.22%, 0.25)",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
Breakdowns can now be selected to be shown, and entrances mapped will now show the breakdown of the scene they're from.
2024-03-12 22:30:39 -05:00
background: {
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
light: "hsla(203.91, 56.64%, 44.31%, 1)",
DEFAULT: "hsla(204.12, 57.3%, 34.9%, 1)",
dark: "hsla(203.84, 57.48%, 24.9%, 1)",
translucent: {
light: "hsla(204, 75%, 75%, 0.2)",
DEFAULT: "hsla(204, 50%, 50%, 0.4)",
dark: "hsla(204, 50%, 50%, 0.2)",
},
Breakdowns can now be selected to be shown, and entrances mapped will now show the breakdown of the scene they're from.
2024-03-12 22:30:39 -05:00
},
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
link: "hsla(203.91, 56.64%, 75%, 1)",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
redlight: {
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
light: "#hsla(7, 56.86%, 50%, 0.5)",
DEFAULT: "hsla(7, 56.64%, 44.31%, 1)",
dark: "hsla(7, 100%, 35.1%, 0.5)",
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
translucent: {
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
light: "hsla(7, 72.32%, 69.41%, 0.25)",
DEFAULT: "hsla(7, 72.32%, 69.41%, 0.5)",
dark: "hsla(7, 81.57%, 100%, 0.25)",
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
},
background: {
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
light: "hsla(7, 56.64%, 44.31%, 1)",
DEFAULT: "hsla(7, 57.3%, 34.9%, 1)",
dark: "hsla(7, 57.48%, 24.9%, 1)",
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
},
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
link: "hsla(7, 56.64%, 75%, 1)",
Holy cross code images provided by Fletcher now show up in the holy cross codes section, alongside some temporary placeholders. Fixed summary colors being assigned incorrectly, and summaries without entrances/checks showing up.
2024-04-14 13:36:57 -05:00
},
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
"trans-pride": {
cyan: {
Theming.
2024-03-11 03:05:07 -05:00
DEFAULT: "#5adefc",
translucent: "#5adefc69",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
white: {
DEFAULT: "#eeeeeeff",
Theming.
2024-03-11 03:05:07 -05:00
translucent: "#eeeeee69",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
pink: {
Theming.
2024-03-11 03:05:07 -05:00
DEFAULT: "#ff8cda",
translucent: "#ff8cda69",
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
},
Breakdowns can now be selected to be shown, and entrances mapped will now show the breakdown of the scene they're from.
2024-03-12 22:30:39 -05:00
highlight: {
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
checks: {
Style changes.
2024-03-14 01:05:15 -05:00
text: "hsl(210, 92.86%, 90%)",
light: "hsla(293.9,72.3%,45%,1)",
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
DEFAULT: "#A431B1",
Style changes.
2024-03-14 01:05:15 -05:00
dark: "hsla(293.9,72.3%,30%,1)",
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
},
entrances: {
Style changes.
2024-03-14 01:05:15 -05:00
text: "hsla(41.86,95.56%,90%,1)",
light: "hsla(23.9,85%,40%,1)",
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
DEFAULT: "#B16431",
Style changes.
2024-03-14 01:05:15 -05:00
dark: "hsla(23.9,85%,25%,1)",
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
},
both: {
Style changes.
2024-03-14 01:05:15 -05:00
text: "hsla(116.4,75.76%,90%,1)",
light: "hsla(113.9,72.3%,40%,1)",
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
DEFAULT: "#3EB131",
Style changes.
2024-03-14 01:05:15 -05:00
dark: "hsla(113.9,72.3%,25%,1)",
},
undiscovered: {
text: "hsla(0,0%,96%,1)",
light: "hsla(0,0%,45%,1)",
dark: "hsla(0,0%,20%,1)",
},
empty: {
text: "hsla(0,100%,100%,1)",
light: "hsla(0,100%,100%,0.05)",
dark: "hsla(0,100%,100%,0.17)",
A lot of styling, moving elements around, compacting the UI.
2024-03-10 21:09:37 -05:00
},
},
Theming.
2024-03-11 03:05:07 -05:00
"holy-cross": {
Breakdowns can now be selected to be shown, and entrances mapped will now show the breakdown of the scene they're from.
2024-03-12 22:30:39 -05:00
DEFAULT: "fffae0",
},
More theming updates. Changed translucent background layers to be more accessibly legible against text and to match the rest of the theme.
2024-04-17 01:04:36 -05:00
charcoal: {
DEFAULT: "hsla(0, 0%, 14%, 1)",
translucent: {
light: "hsla(0, 0%, 14.12%, 0.125)",
DEFAULT: "hsla(0, 0%, 14.12%, 0.25)",
dark: "hsla(0, 0%, 14.12%, 0.5)",
},
},
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
Many styling changes, reoganized elements to be at the bottom, styled buttons to look proper. Added hints list.
2024-04-06 19:23:44 -05:00
keyframes: {
shake: {
"2%": { transform: "translate(-0.5px, 2.5px) " },
"2%": { transform: "rotate(-0.5deg)" },
"4%": { transform: "translate(0.5px, -1.5px) " },
"4%": { transform: "rotate(-0.5deg)" },
"6%": { transform: "translate(1.5px, -1.5px) " },
"6%": { transform: "rotate(1.5deg)" },
"8%": { transform: "translate(0.5px, 2.5px) " },
"8%": { transform: "rotate(-0.5deg)" },
"10%": { transform: "translate(-1.5px, 2.5px) " },
"10%": { transform: "rotate(1.5deg)" },
"12%": { transform: "translate(2.5px, -0.5px) " },
"12%": { transform: "rotate(-0.5deg)" },
"14%": { transform: "translate(2.5px, 2.5px) " },
"14%": { transform: "rotate(1.5deg)" },
"16%": { transform: "translate(1.5px, 1.5px) " },
"16%": { transform: "rotate(0.5deg)" },
"18%": { transform: "translate(0.5px, 2.5px) " },
"18%": { transform: "rotate(1.5deg)" },
"20%": { transform: "translate(1.5px, -1.5px) " },
"20%": { transform: "rotate(-0.5deg)" },
"22%": { transform: "translate(0.5px, 1.5px) " },
"22%": { transform: "rotate(1.5deg)" },
"24%": { transform: "translate(-0.5px, 1.5px) " },
"24%": { transform: "rotate(0.5deg)" },
"26%": { transform: "translate(-1.5px, -1.5px) " },
"26%": { transform: "rotate(0.5deg)" },
"28%": { transform: "translate(1.5px, 2.5px) " },
"28%": { transform: "rotate(1.5deg)" },
"30%": { transform: "translate(2.5px, -1.5px) " },
"30%": { transform: "rotate(1.5deg)" },
"32%": { transform: "translate(1.5px, 1.5px) " },
"32%": { transform: "rotate(1.5deg)" },
"34%": { transform: "translate(2.5px, 0.5px) " },
"34%": { transform: "rotate(-0.5deg)" },
"36%": { transform: "translate(2.5px, -0.5px) " },
"36%": { transform: "rotate(-0.5deg)" },
"38%": { transform: "translate(0.5px, 0.5px) " },
"38%": { transform: "rotate(0.5deg)" },
"40%": { transform: "translate(1.5px, -1.5px) " },
"40%": { transform: "rotate(1.5deg)" },
"42%": { transform: "translate(0.5px, -0.5px) " },
"42%": { transform: "rotate(0.5deg)" },
"44%": { transform: "translate(-0.5px, -0.5px) " },
"44%": { transform: "rotate(-0.5deg)" },
"46%": { transform: "translate(1.5px, 2.5px) " },
"46%": { transform: "rotate(-0.5deg)" },
"48%": { transform: "translate(2.5px, 2.5px) " },
"48%": { transform: "rotate(1.5deg)" },
"50%": { transform: "translate(0.5px, 2.5px) " },
"50%": { transform: "rotate(1.5deg)" },
"52%": { transform: "translate(1.5px, -1.5px) " },
"52%": { transform: "rotate(1.5deg)" },
"54%": { transform: "translate(0.5px, 0.5px) " },
"54%": { transform: "rotate(1.5deg)" },
"56%": { transform: "translate(1.5px, 1.5px) " },
"56%": { transform: "rotate(0.5deg)" },
"58%": { transform: "translate(0.5px, 0.5px) " },
"58%": { transform: "rotate(1.5deg)" },
"60%": { transform: "translate(-0.5px, 0.5px) " },
"60%": { transform: "rotate(-0.5deg)" },
"62%": { transform: "translate(2.5px, -1.5px) " },
"62%": { transform: "rotate(1.5deg)" },
"64%": { transform: "translate(2.5px, -0.5px) " },
"64%": { transform: "rotate(0.5deg)" },
"66%": { transform: "translate(0.5px, 0.5px) " },
"66%": { transform: "rotate(1.5deg)" },
"68%": { transform: "translate(-1.5px, -0.5px) " },
"68%": { transform: "rotate(0.5deg)" },
"70%": { transform: "translate(2.5px, 0.5px) " },
"70%": { transform: "rotate(-0.5deg)" },
"72%": { transform: "translate(1.5px, 0.5px) " },
"72%": { transform: "rotate(1.5deg)" },
"74%": { transform: "translate(0.5px, 0.5px) " },
"74%": { transform: "rotate(1.5deg)" },
"76%": { transform: "translate(-1.5px, -0.5px) " },
"76%": { transform: "rotate(0.5deg)" },
"78%": { transform: "translate(-1.5px, -1.5px) " },
"78%": { transform: "rotate(-0.5deg)" },
"80%": { transform: "translate(-0.5px, -0.5px) " },
"80%": { transform: "rotate(0.5deg)" },
"82%": { transform: "translate(-0.5px, 1.5px) " },
"82%": { transform: "rotate(1.5deg)" },
"84%": { transform: "translate(-1.5px, 2.5px) " },
"84%": { transform: "rotate(-0.5deg)" },
"86%": { transform: "translate(-1.5px, -0.5px) " },
"86%": { transform: "rotate(-0.5deg)" },
"88%": { transform: "translate(2.5px, -0.5px) " },
"88%": { transform: "rotate(-0.5deg)" },
"90%": { transform: "translate(2.5px, -1.5px) " },
"90%": { transform: "rotate(-0.5deg)" },
"92%": { transform: "translate(2.5px, 0.5px) " },
"92%": { transform: "rotate(-0.5deg)" },
"94%": { transform: "translate(0.5px, 1.5px) " },
"94%": { transform: "rotate(-0.5deg)" },
"96%": { transform: "translate(1.5px, 2.5px) " },
"96%": { transform: "rotate(0.5deg)" },
"98%": { transform: "translate(2.5px, -0.5px) " },
"98%": { transform: "rotate(1.5deg)" },
"0%, 100%": { transform: "translate(0, 0) rotate(0)" },
},
},
Cross codes now highlight when you are in range to input them.
2024-04-06 23:13:36 -05:00
order: {
13: "13",
14: "14",
15: "15",
16: "16",
17: "17",
18: "18",
19: "19",
20: "20",
},
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
},
},
plugins: [
/**
* '@tailwindcss/forms' is the forms plugin that provides a minimal styling
* for forms. If you don't like it or have own styling for forms,
* comment the line below to disable '@tailwindcss/forms'.
*/
require("@tailwindcss/forms"),
require("@tailwindcss/typography"),
require("@tailwindcss/aspect-ratio"),
Breakdowns can now be selected to be shown, and entrances mapped will now show the breakdown of the scene they're from.
2024-03-12 22:30:39 -05:00
require("tailwind-scrollbar"),
Work in progress front-end first iteration.
2024-03-02 10:43:49 -06:00
],
};
Reference in New Issue Copy Permalink