custom migration
This commit is contained in:
3
.gitignore
vendored
3
.gitignore
vendored
@ -23,3 +23,6 @@ Cargo.lock
|
||||
|
||||
# Image generator
|
||||
generated_images/
|
||||
|
||||
node_modules/
|
||||
package-lock.json
|
||||
|
2
justfile
2
justfile
@ -2,7 +2,7 @@ port := env_var_or_default('PORT', '3080')
|
||||
|
||||
# Tailwind in watch mode
|
||||
tailwind:
|
||||
npx tailwindcss -i ./styles/input.css -o ./styles/output.css --watch
|
||||
npx @tailwindcss/cli -i ./styles/input.css -o ./styles/output.css --watch
|
||||
|
||||
# svg sprite creation
|
||||
svgstore:
|
||||
|
6
package.json
Normal file
6
package.json
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"@tailwindcss/cli": "^4.1.10",
|
||||
"tailwindcss": "^4.1.10"
|
||||
}
|
||||
}
|
@ -1,6 +1,5 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@import "tailwindcss";
|
||||
@config "../tailwind.config.js";
|
||||
|
||||
@layer base {
|
||||
@font-face {
|
||||
@ -11,6 +10,7 @@
|
||||
local('Baloo2'),
|
||||
url(/fonts/baloo2/Baloo2-Latin-Variable-wght.woff2) format('woff2');
|
||||
}
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Baloo 2';
|
||||
@ -58,6 +58,7 @@ strong {
|
||||
h1 {
|
||||
@apply px-4 text-2xl font-semibold text-blue-900 mb-3 mt-4 max-w-read mx-auto md:text-4xl lg:text-5xl;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply px-4 text-xl font-semibold text-blue-900 mb-3 mt-4 max-w-read mx-auto md:text-2xl md:mb-6 md:mt-8 lg:mb-8 lg:mt-12 lg:text-4xl;
|
||||
}
|
||||
@ -82,15 +83,16 @@ strong {
|
||||
@apply p-4;
|
||||
|
||||
img {
|
||||
@apply rounded shadow-md mx-auto lg:max-w-image;
|
||||
@apply rounded-sm shadow-md mx-auto lg:max-w-image;
|
||||
}
|
||||
}
|
||||
|
||||
figcaption {
|
||||
@apply mt-2 text-center text-sm italic text-blue-800 md:text-base lg:text-lg;
|
||||
}
|
||||
|
||||
table {
|
||||
@apply text-sm mx-auto my-4 max-w-image table-auto border-collapse border-spacing-12 border border-slate-200 rounded md:text-base lg:text-xl lg:my-8;
|
||||
@apply text-sm mx-auto my-4 max-w-image table-auto border-collapse border-spacing-12 border border-slate-200 rounded-sm md:text-base lg:text-xl lg:my-8;
|
||||
}
|
||||
|
||||
thead {
|
||||
@ -119,11 +121,11 @@ strong {
|
||||
}
|
||||
|
||||
:not(pre) code {
|
||||
@apply text-pink-900 rounded border border-blue-300 px-1 py-0.5 bg-blue-100 text-sm md:text-base lg:text-xl;
|
||||
@apply text-pink-900 rounded-sm border border-blue-300 px-1 py-0.5 bg-blue-100 text-sm md:text-base lg:text-xl;
|
||||
}
|
||||
|
||||
pre code pre {
|
||||
@apply mx-2 rounded lg:mx-auto lg:text-lg shadow-sm lg:max-w-note;
|
||||
@apply mx-2 rounded-sm lg:mx-auto lg:text-lg shadow-xs lg:max-w-note;
|
||||
}
|
||||
|
||||
ul,
|
||||
@ -138,12 +140,13 @@ strong {
|
||||
ul {
|
||||
@apply list-disc;
|
||||
}
|
||||
|
||||
ol {
|
||||
@apply list-decimal;
|
||||
}
|
||||
|
||||
iframe {
|
||||
@apply rounded shadow-md mx-auto lg:max-w-image;
|
||||
@apply rounded-sm shadow-md mx-auto lg:max-w-image;
|
||||
}
|
||||
}
|
||||
|
||||
@ -280,4 +283,4 @@ article a {
|
||||
/* animation-duration: 5.5s; */
|
||||
/* transition: transform 5.4s ease-in-out; */
|
||||
/* opacity: 1; */
|
||||
/* } */
|
||||
/* } */
|
3754
styles/output.css
3754
styles/output.css
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,4 @@
|
||||
<section class="flex border rounded bg-white p-3">
|
||||
<section class="flex border rounded-sm bg-white p-3">
|
||||
<aside class="flex justify-center items-center pr-3 shrink-0">
|
||||
{% match education.thumbnail %}
|
||||
{% when Some with (source) %}
|
||||
|
@ -9,6 +9,6 @@
|
||||
</header>
|
||||
{% let alt_text = format!("{svg} thumbnail") %}
|
||||
|
||||
{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(img, 360, 128, alt_text, Some("h-auto mx-auto rounded-sm")).unwrap_or("thumbnail not found".to_string())|safe }}
|
||||
{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(img, 360, 128, alt_text, Some("h-auto mx-auto rounded-xs")).unwrap_or("thumbnail not found".to_string())|safe }}
|
||||
</a>
|
||||
{% endmacro %}
|
||||
|
@ -1,5 +1,5 @@
|
||||
{% macro talent_card(svg, heading, description) %}
|
||||
<section class="flex border rounded bg-white p-3">
|
||||
<section class="flex border rounded-sm bg-white p-3">
|
||||
<aside class="flex justify-center items-center pr-3">
|
||||
<svg role="img" aria-label="{{svg}} icon" aria-hidden="true" class="fill-blue-950 h-12 w-12 md:h-16 md:w-16">
|
||||
<use href="#{{svg}}" />
|
||||
|
@ -1,4 +1,4 @@
|
||||
<section class="flex border rounded bg-white p-3">
|
||||
<section class="flex border rounded-sm bg-white p-3">
|
||||
<aside class="flex justify-center items-center pr-3 shrink-0">
|
||||
{% match workplace.thumbnail %}
|
||||
{% when Some with (source) %}
|
||||
|
@ -174,7 +174,7 @@
|
||||
|
||||
<ul class="m-6 flex gap-2 flex-wrap justify-center">
|
||||
{% for technology in technology_list %}
|
||||
<li class="p-2 text-pink-900 bg-blue-100 text-sm border rounded border-blue-300 font-mono">
|
||||
<li class="p-2 text-pink-900 bg-blue-100 text-sm border rounded-sm border-blue-300 font-mono">
|
||||
{{technology}}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
@ -10,7 +10,7 @@
|
||||
</a>
|
||||
{% when None %}
|
||||
{% endmatch %}
|
||||
<aside class="flex logo-section flex-grow justify-end content-end">
|
||||
<aside class="flex logo-section grow justify-end content-end">
|
||||
<a class="logo p-3 text-base" href="/">
|
||||
@michalvankodev
|
||||
</a>
|
||||
|
Reference in New Issue
Block a user