From 271b85f211c54cf882672af3b5740f793627b026 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?R=C3=A9mino=20Rem?= <29999+remino@users.noreply.github.com> Date: Wed, 18 Sep 2024 23:38:44 +0900 Subject: [PATCH] Rename to dress.css: - Renamed project to "dress.css" from "semcss" ("sem.css"). - Renamed dist files. - Updated README. - Updated share image. - Added favicon. - Added logo in header. --- Gemfile.lock | 14 +- README.md | 38 +-- assets/css/docs.sass | 14 ++ assets/css/{sem.sass => dress.sass} | 0 assets/img/share.svg | 2 +- assets/js/playground.js | 6 +- bin/publish | 2 +- data/site.yml | 6 +- dress.svg | 25 ++ locales/en.yml | 2 +- package-lock.json | 219 ++++++++++-------- package.json | 14 +- source/_footer.html.slim | 6 +- source/_head.html.slim | 33 +-- source/_header.html.slim | 17 +- source/dress.css.conf.erb | 9 + source/{semcss => dress.css}/demo.html.slim | 2 +- source/dress.css/dress.svg | 1 + .../elements.html.md.erb | 8 +- source/dress.css/favicon.png | Bin 0 -> 2705 bytes source/dress.css/favicon.svg | 15 ++ source/{semcss => dress.css}/index.html.md | 0 source/dress.css/ld.svg | 1 + source/{semcss => dress.css}/license.html.md | 0 .../playground.html.slim | 0 source/{semcss => dress.css}/remino.svg | 2 +- source/dress.css/share.png | Bin 0 -> 41998 bytes source/dress.css/triangles.svg | 1 + source/layouts/layout.html.slim | 2 +- source/semcss.conf.erb | 7 - source/semcss/share.png | Bin 38023 -> 0 bytes source/semcss/triangles.svg | 1 - tests/responses.bats | 23 +- 33 files changed, 289 insertions(+), 181 deletions(-) rename assets/css/{sem.sass => dress.sass} (100%) create mode 100644 dress.svg create mode 100644 source/dress.css.conf.erb rename source/{semcss => dress.css}/demo.html.slim (99%) create mode 120000 source/dress.css/dress.svg rename source/{semcss => dress.css}/elements.html.md.erb (94%) create mode 100644 source/dress.css/favicon.png create mode 100644 source/dress.css/favicon.svg rename source/{semcss => dress.css}/index.html.md (100%) create mode 100644 source/dress.css/ld.svg rename source/{semcss => dress.css}/license.html.md (100%) rename source/{semcss => dress.css}/playground.html.slim (100%) rename source/{semcss => dress.css}/remino.svg (96%) create mode 100644 source/dress.css/share.png create mode 100644 source/dress.css/triangles.svg delete mode 100644 source/semcss.conf.erb delete mode 100644 source/semcss/share.png delete mode 100644 source/semcss/triangles.svg diff --git a/Gemfile.lock b/Gemfile.lock index cbe8f01..dab1c02 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -23,9 +23,9 @@ GEM coffee-script-source execjs coffee-script-source (1.12.2) - concurrent-ruby (1.3.3) + concurrent-ruby (1.3.4) contracts (0.17) - dotenv (3.1.2) + dotenv (3.1.4) em-websocket (0.5.3) eventmachine (>= 0.12.9) http_parser.rb (~> 0) @@ -107,13 +107,13 @@ GEM middleman-syntax (3.4.0) middleman-core (>= 3.2) rouge (~> 3.2) - minitest (5.24.1) + minitest (5.25.1) padrino-helpers (0.15.3) i18n (>= 0.6.7, < 2) padrino-support (= 0.15.3) tilt (>= 1.4.1, < 3) padrino-support (0.15.3) - parallel (1.25.1) + parallel (1.26.3) parslet (2.0.0) progress (3.6.0) psych (3.3.4) @@ -124,8 +124,7 @@ GEM rb-fsevent (0.11.2) rb-inotify (0.11.1) ffi (~> 1.0) - rexml (3.3.4) - strscan + rexml (3.3.7) rouge (3.30.0) sassc (2.4.0) ffi (~> 1.9) @@ -133,11 +132,10 @@ GEM slim (4.1.0) temple (>= 0.7.6, < 0.9) tilt (>= 2.0.6, < 2.1) - strscan (3.1.0) temple (0.8.2) terser (1.2.3) execjs (>= 0.3.0, < 3) - thor (1.3.1) + thor (1.3.2) tilt (2.0.11) toml (0.3.0) parslet (>= 1.8.0, < 3.0.0) diff --git a/README.md b/README.md index fa17928..cae19bb 100644 --- a/README.md +++ b/README.md @@ -1,14 +1,16 @@ -# sem.css: Semantic Style +![](dress.svg) -**Minimal class-less CSS for semantic HTML.** +# dress.css -[Site](https://remino.net/semcss/) -| [Code Repo](https://github.com/remino/semcss) -| [NPM Package](https://www.npmjs.com/package/semcss) +The little black dress of CSS. + +[Site](https://remino.net/dress.css/) +| [Code Repo](https://github.com/remino/dress.css) +| [NPM Package](https://www.npmjs.com/package/dress.css) By Rémino Rem -- [Just write HTML and make it look good](#just-write-html-and-make-it-look-good) +- [Minimal style for semantic HTML](#minimal-style-for-semantic-html) - [Features](#features) - [Installation](#installation) - [HTML](#html) @@ -21,9 +23,9 @@ By Rémino Rem --- -## Just write HTML and make it look good +## Minimal style for semantic HTML -Introducing **sem.css**, a minimalist class-less stylesheet that makes your pages look good only by writing HTML. +Introducing **dress.css**, a minimalist class-less stylesheet that makes your pages look good only by writing HTML. This simple stylesheet was born from three things: @@ -33,6 +35,8 @@ This simple stylesheet was born from three things: Much of this stylesheet was inspired from [_new.css_](https://newcss.net/), with a few changes to vertical rhythm and markup for button links, and no external fonts. +This stylesheet was formerly known as **sem.css** in version 1.2.4, and renamed as **dress.css** in version 2.0.0. + [Back to top](#) --- @@ -62,7 +66,7 @@ There are many ways to include this stylesheet in your code. Here are a few exam Add the stylesheet to your HTML and write your content: ```html - + ``` ### NPM @@ -70,22 +74,22 @@ Add the stylesheet to your HTML and write your content: Install the package from NPM: ```bash -npm install semcss +npm install dress.css ``` -Then the stylesheet file should be available at `node_modules/semcss/dist/sem.css`. +Then the stylesheet file should be available at `node_modules/dress.css/dist/dress.css`. Use the file in your Sass files, or include it in your CSS, etc. ### Download -Download the `sem.css` file from the [GitHub releases](https://github.com/remino/semcss/releases). +Download the `dress.css` file from the [GitHub releases](https://github.com/remino/dress.css/releases). --- ## Usage -To know which HTML tags are handled by this stylesheet with some suggested markup, see _[Elements](https://remino.net/semcss/elements/)_. +To know which HTML tags are handled by this stylesheet with some suggested markup, see _[Elements](https://remino.net/dress.css/elements/)_. [Back to top](#) @@ -93,14 +97,14 @@ To know which HTML tags are handled by this stylesheet with some suggested marku ## Browser Support -The **sem.css** stylesheet was checked with [`doiuse`](https://www.npmjs.com/package/doiuse): +The **dress.css** stylesheet was checked with [`doiuse`](https://www.npmjs.com/package/doiuse): ``` -❯ doiuse -b 'defaults' -v dist/sem.css +❯ doiuse -b 'defaults' -v dist/dress.css [doiuse] Browsers: Firefox 129, Firefox 128, Chrome for Android 127, Firefox for Android 127, Android Browser 127, Chrome 127, Edge 127, Firefox 127, Chrome 126, Edge 126, Chrome 125, Firefox 115, Opera 111, Opera 110, Chrome 109, Opera Mobile 80, Samsung Internet 25, Samsung Internet 24, Safari on iOS 17, Safari on iOS 17, Safari 17, Safari 17, Safari on iOS 16, UC Browser for Android 15, Safari on iOS 15, QQ Browser 14, KaiOS Browser 3, KaiOS Browser 2, Opera Mini NaN ``` -While **sem.css** should work in the latest version of major browsers, it seems to have issues in some less-popular mobile versions, like Opera Mini. This stylesheet is not meant for legacy support. +While **dress.css** should work in the latest version of major browsers, it seems to have issues in some less-popular mobile versions, like Opera Mini. This stylesheet is not meant for legacy support. [Back to top](#) @@ -125,7 +129,7 @@ Don't forget to give the project a star! Thanks again! ## License -Distributed under the ISC License. See _[License](https://remino.net/semcss/license/)_. +Distributed under the ISC License. See _[License](https://remino.net/dress.css/license/)_. [Back to top](#) diff --git a/assets/css/docs.sass b/assets/css/docs.sass index 5c69348..cfc3d88 100644 --- a/assets/css/docs.sass +++ b/assets/css/docs.sass @@ -37,6 +37,20 @@ body > menu margin-block-start: 0.8em + > header + object + display: inline + margin-right: calc(var(--sc-m-v) / 2) + vertical-align: middle + margin-bottom: 12px + + + p:has(img) + img + margin: 0 + + + h1 + margin-block-start: 0 + div.highlight position: relative diff --git a/assets/css/sem.sass b/assets/css/dress.sass similarity index 100% rename from assets/css/sem.sass rename to assets/css/dress.sass diff --git a/assets/img/share.svg b/assets/img/share.svg index 1b3fbab..775282a 100644 --- a/assets/img/share.svg +++ b/assets/img/share.svg @@ -1 +1 @@ -sem.cssMinimal class-less CSSfor semantic HTML. \ No newline at end of file +dress.cssMinimal class-less CSSfor semantic HTML. \ No newline at end of file diff --git a/assets/js/playground.js b/assets/js/playground.js index d0dd02c..47abe1e 100644 --- a/assets/js/playground.js +++ b/assets/js/playground.js @@ -15,7 +15,7 @@ class PlaygroundApp extends HTMLElement { this.innerHTML = `
HTML Editor
-
+
` @@ -25,7 +25,7 @@ class PlaygroundApp extends HTMLElement { Preview - + ${doc} ` @@ -35,7 +35,7 @@ class PlaygroundApp extends HTMLElement { }) this.querySelector('select').addEventListener('change', event => { - const withSemCss = event.target.value === 'With sem.css' + const withSemCss = event.target.value === 'With dress.css' this.iframe.contentDocument.styleSheets[0].disabled = !withSemCss this.resizeOutput() }) diff --git a/bin/publish b/bin/publish index d29ea1c..03dc2c7 100755 --- a/bin/publish +++ b/bin/publish @@ -11,7 +11,7 @@ main() { git push origin --all && git push origin --tags mansite -b deploy npm run build - gh release create ` git tag | sort -V | tail -1 ` --generate-notes dist/sem.css + gh release create ` git tag | sort -V | tail -1 ` --generate-notes dist/dress.css npm publish --otp "$2" } diff --git a/data/site.yml b/data/site.yml index e8b5cbc..cee255b 100644 --- a/data/site.yml +++ b/data/site.yml @@ -1,5 +1,5 @@ build_dir: deploy/public -description: 'Minimal class-less CSS for semantic HTML' -prefix: semcss -title: sem.css +description: 'The little black dress of CSS.' +prefix: dress.css +title: dress.css url: https://remino.net/ diff --git a/dress.svg b/dress.svg new file mode 100644 index 0000000..296211f --- /dev/null +++ b/dress.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/locales/en.yml b/locales/en.yml index 654ec6b..3a6463f 100644 --- a/locales/en.yml +++ b/locales/en.yml @@ -4,5 +4,5 @@ en: items: index: Home title: - site: 'sem.css : RÉMINO' + site: 'dress.css : RÉMINO' page: '%{page} : %{site}' diff --git a/package-lock.json b/package-lock.json index 26a9c17..711e2b3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { - "name": "semcss", - "version": "1.2.4", + "name": "dress.css", + "version": "2.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { - "name": "semcss", - "version": "1.2.4", + "name": "dress.css", + "version": "2.0.0", "license": "ISC", "devDependencies": { "@codemirror/lang-html": "^6.4.9", @@ -40,9 +40,9 @@ } }, "node_modules/@babel/runtime": { - "version": "7.25.4", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.4.tgz", - "integrity": "sha512-DSgLeL/FNcpXuzav5wfYvHCGvynXkJbn3Zvc3823AEe9nPwW9IK4UoCSS5yGymmQzN0pCPvivtgS6/8U2kkm1w==", + "version": "7.25.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz", + "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==", "dev": true, "dependencies": { "regenerator-runtime": "^0.14.0" @@ -52,9 +52,9 @@ } }, "node_modules/@codemirror/autocomplete": { - "version": "6.18.0", - "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.0.tgz", - "integrity": "sha512-5DbOvBbY4qW5l57cjDsmmpDh3/TeK1vXfTHa+BUMrRzdWdcxKZ4U4V7vQaTtOpApNU4kLS4FQ6cINtLg245LXA==", + "version": "6.18.1", + "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.1.tgz", + "integrity": "sha512-iWHdj/B1ethnHRTwZj+C1obmmuCzquH29EbcKr0qIjA9NfDeBDJ7vs+WOHsFeLeflE4o+dHfYndJloMKHUkWUA==", "dev": true, "dependencies": { "@codemirror/language": "^6.0.0", @@ -70,9 +70,9 @@ } }, "node_modules/@codemirror/commands": { - "version": "6.6.0", - "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.6.0.tgz", - "integrity": "sha512-qnY+b7j1UNcTS31Eenuc/5YJB6gQOzkUoNmJQc0rznwqSRpeaWWpjkWy2C/MPTcePpsKJEM26hXrOXl1+nceXg==", + "version": "6.6.2", + "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.6.2.tgz", + "integrity": "sha512-Fq7eWOl1Rcbrfn6jD8FPCj9Auaxdm5nIK5RYOeW7ughnd/rY5AmPg6b+CfsG39ZHdwiwe8lde3q8uR7CF5S0yQ==", "dev": true, "dependencies": { "@codemirror/language": "^6.0.0", @@ -82,16 +82,16 @@ } }, "node_modules/@codemirror/lang-css": { - "version": "6.2.1", - "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.2.1.tgz", - "integrity": "sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==", + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.3.0.tgz", + "integrity": "sha512-CyR4rUNG9OYcXDZwMPvJdtb6PHbBDKUc/6Na2BIwZ6dKab1JQqKa4di+RNRY9Myn7JB81vayKwJeQ7jEdmNVDA==", "dev": true, "dependencies": { "@codemirror/autocomplete": "^6.0.0", "@codemirror/language": "^6.0.0", "@codemirror/state": "^6.0.0", "@lezer/common": "^1.0.2", - "@lezer/css": "^1.0.0" + "@lezer/css": "^1.1.7" } }, "node_modules/@codemirror/lang-html": { @@ -195,9 +195,9 @@ } }, "node_modules/@eslint-community/regexpp": { - "version": "4.11.0", - "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz", - "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==", + "version": "4.11.1", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.1.tgz", + "integrity": "sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==", "dev": true, "engines": { "node": "^12.0.0 || ^14.0.0 || >=16.0.0" @@ -227,22 +227,22 @@ } }, "node_modules/@eslint/js": { - "version": "8.57.0", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz", - "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==", + "version": "8.57.1", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz", + "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==", "dev": true, "engines": { "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, "node_modules/@humanwhocodes/config-array": { - "version": "0.11.14", - "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", - "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==", + "version": "0.13.0", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz", + "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==", "deprecated": "Use @eslint/config-array instead", "dev": true, "dependencies": { - "@humanwhocodes/object-schema": "^2.0.2", + "@humanwhocodes/object-schema": "^2.0.3", "debug": "^4.3.1", "minimatch": "^3.0.5" }, @@ -335,9 +335,9 @@ "dev": true }, "node_modules/@lezer/css": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.1.8.tgz", - "integrity": "sha512-7JhxupKuMBaWQKjQoLtzhGj83DdnZY9MckEOG5+/iLKNK2ZJqKc6hf6uc0HjwCX7Qlok44jBNqZhHKDhEhZYLA==", + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.1.9.tgz", + "integrity": "sha512-TYwgljcDv+YrV0MZFFvYFQHCfGgbPMR6nuqLabBdmZoFH3EP1gvw8t0vae326Ne3PszQkbXfVBjCnf3ZVCr0bA==", "dev": true, "dependencies": { "@lezer/common": "^1.2.0", @@ -366,9 +366,9 @@ } }, "node_modules/@lezer/javascript": { - "version": "1.4.17", - "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.17.tgz", - "integrity": "sha512-bYW4ctpyGK+JMumDApeUzuIezX01H76R1foD6LcRX224FWfyYit/HYxiPGDjXXe/wQWASjCvVGoukTH68+0HIA==", + "version": "1.4.18", + "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.4.18.tgz", + "integrity": "sha512-Y8BeHOt4LtcxJgXwadtfSeWPrh0XzklcCHnCVT+vOsxqH4gWmunP2ykX+VVOlM/dusyVyiNfG3lv0f10UK+mgA==", "dev": true, "dependencies": { "@lezer/common": "^1.2.0", @@ -585,6 +585,12 @@ "node": ">= 8.0.0" } }, + "node_modules/@rtsao/scc": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz", + "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==", + "dev": true + }, "node_modules/@trysound/sax": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz", @@ -595,9 +601,9 @@ } }, "node_modules/@types/estree": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", - "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz", + "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", "dev": true }, "node_modules/@types/json5": { @@ -974,9 +980,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001653", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001653.tgz", - "integrity": "sha512-XGWQVB8wFQ2+9NZwZ10GxTYC5hk0Fa+q8cSkr0tgvMhYhMHP/QC+WTgrePMDBWiWc/pV+1ik82Al20XOK25Gcw==", + "version": "1.0.30001660", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001660.tgz", + "integrity": "sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==", "dev": true, "funding": [ { @@ -1470,12 +1476,12 @@ } }, "node_modules/debug": { - "version": "4.3.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz", - "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==", + "version": "4.3.7", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", + "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", "dev": true, "dependencies": { - "ms": "2.1.2" + "ms": "^2.1.3" }, "engines": { "node": ">=6.0" @@ -1634,9 +1640,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.5.13", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.13.tgz", - "integrity": "sha512-lbBcvtIJ4J6sS4tb5TLp1b4LyfCdMkwStzXPyAgVgTRAsep4bvrAGaBOP7ZJtQMNJpSQ9SqG4brWOroNaQtm7Q==", + "version": "1.5.25", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.25.tgz", + "integrity": "sha512-kMb204zvK3PsSlgvvwzI3wBIcAw15tRkYk+NQdsjdDtcQWTp2RABbMQ9rUBy8KNEOM+/E6ep+XC3AykiWZld4g==", "dev": true }, "node_modules/emoji-regex": { @@ -1791,9 +1797,9 @@ } }, "node_modules/escalade": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", - "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", + "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==", "dev": true, "engines": { "node": ">=6" @@ -1812,16 +1818,16 @@ } }, "node_modules/eslint": { - "version": "8.57.0", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz", - "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==", + "version": "8.57.1", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz", + "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==", "dev": true, "dependencies": { "@eslint-community/eslint-utils": "^4.2.0", "@eslint-community/regexpp": "^4.6.1", "@eslint/eslintrc": "^2.1.4", - "@eslint/js": "8.57.0", - "@humanwhocodes/config-array": "^0.11.14", + "@eslint/js": "8.57.1", + "@humanwhocodes/config-array": "^0.13.0", "@humanwhocodes/module-importer": "^1.0.1", "@nodelib/fs.walk": "^1.2.8", "@ungap/structured-clone": "^1.2.0", @@ -1906,9 +1912,9 @@ } }, "node_modules/eslint-module-utils": { - "version": "2.8.2", - "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.8.2.tgz", - "integrity": "sha512-3XnC5fDyc8M4J2E8pt8pmSVRX2M+5yWMCfI/kDZwauQeFgzQOuhcRBFKjTeJagqgk4sFKxe1mvNVnaWwImx/Tg==", + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.11.0.tgz", + "integrity": "sha512-gbBE5Hitek/oG6MUVj6sFuzEjA/ClzNflVrLovHi/JgLdC7fiN5gLAY1WIPW1a0V5I999MnsrvVrCOGmmVqDBQ==", "dev": true, "dependencies": { "debug": "^3.2.7" @@ -1932,26 +1938,27 @@ } }, "node_modules/eslint-plugin-import": { - "version": "2.29.1", - "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz", - "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==", + "version": "2.30.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.30.0.tgz", + "integrity": "sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==", "dev": true, "dependencies": { - "array-includes": "^3.1.7", - "array.prototype.findlastindex": "^1.2.3", + "@rtsao/scc": "^1.1.0", + "array-includes": "^3.1.8", + "array.prototype.findlastindex": "^1.2.5", "array.prototype.flat": "^1.3.2", "array.prototype.flatmap": "^1.3.2", "debug": "^3.2.7", "doctrine": "^2.1.0", "eslint-import-resolver-node": "^0.3.9", - "eslint-module-utils": "^2.8.0", - "hasown": "^2.0.0", - "is-core-module": "^2.13.1", + "eslint-module-utils": "^2.9.0", + "hasown": "^2.0.2", + "is-core-module": "^2.15.1", "is-glob": "^4.0.3", "minimatch": "^3.1.2", - "object.fromentries": "^2.0.7", - "object.groupby": "^1.0.1", - "object.values": "^1.1.7", + "object.fromentries": "^2.0.8", + "object.groupby": "^1.0.3", + "object.values": "^1.2.0", "semver": "^6.3.1", "tsconfig-paths": "^3.15.0" }, @@ -3360,9 +3367,9 @@ } }, "node_modules/ms": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", - "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", "dev": true }, "node_modules/nanoid": { @@ -3788,9 +3795,9 @@ } }, "node_modules/picocolors": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", - "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz", + "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==", "dev": true }, "node_modules/picomatch": { @@ -3824,9 +3831,9 @@ } }, "node_modules/postcss": { - "version": "8.4.41", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz", - "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==", + "version": "8.4.47", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz", + "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==", "dev": true, "funding": [ { @@ -3844,8 +3851,8 @@ ], "dependencies": { "nanoid": "^3.3.7", - "picocolors": "^1.0.1", - "source-map-js": "^1.2.0" + "picocolors": "^1.1.0", + "source-map-js": "^1.2.1" }, "engines": { "node": "^10 || ^12 || >=14" @@ -5542,12 +5549,12 @@ } }, "node_modules/sass": { - "version": "1.77.8", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.8.tgz", - "integrity": "sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==", + "version": "1.79.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.79.1.tgz", + "integrity": "sha512-+mA7svoNKeL0DiJqZGeR/ZGUu8he4I8o3jyUcOFyo4eBJrwNgIMmAEwCMo/N2Y3wdjOBcRzoNxZIOtrtMX8EXg==", "dev": true, "dependencies": { - "chokidar": ">=3.0.0 <4.0.0", + "chokidar": "^4.0.0", "immutable": "^4.0.0", "source-map-js": ">=0.6.2 <2.0.0" }, @@ -5558,6 +5565,34 @@ "node": ">=14.0.0" } }, + "node_modules/sass/node_modules/chokidar": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.0.tgz", + "integrity": "sha512-mxIojEAQcuEvT/lyXq+jf/3cO/KoA6z4CeNDGGevTybECPOMFCnQy3OPahluUkbqgPNGw5Bi78UC7Po6Lhy+NA==", + "dev": true, + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/sass/node_modules/readdirp": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.1.tgz", + "integrity": "sha512-GkMg9uOTpIWWKbSsgwb5fA4EavTR+SG/PMPoAY8hkhHfEEY0/vqljY+XHqtDf2cr2IJtoNRDbrrEpZUiZCkYRw==", + "dev": true, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/semver": { "version": "6.3.1", "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", @@ -5724,9 +5759,9 @@ } }, "node_modules/source-map-js": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", - "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", "dev": true, "engines": { "node": ">=0.10.0" @@ -5956,9 +5991,9 @@ } }, "node_modules/terser": { - "version": "5.31.6", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz", - "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==", + "version": "5.33.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.33.0.tgz", + "integrity": "sha512-JuPVaB7s1gdFKPKTelwUyRq5Sid2A3Gko2S0PncwdBq7kN9Ti9HPWDQ06MPsEDGsZeVESjKEnyGy68quBk1w6g==", "dev": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", @@ -6354,9 +6389,9 @@ } }, "node_modules/yaml": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.0.tgz", - "integrity": "sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==", + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz", + "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==", "dev": true, "bin": { "yaml": "bin.mjs" diff --git a/package.json b/package.json index 41c2e50..713eb82 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "description": "Minimal class-less CSS for semantic HTML", + "description": "The little black dress of CSS", "devDependencies": { "@codemirror/lang-html": "^6.4.9", "@lopatnov/rollup-plugin-uglify": "^2.1.5", @@ -31,17 +31,17 @@ "yaml": "^2.4.2" }, "files": [ - "dist/sem.css" + "dist/dress.css" ], - "homepage": "https://remino.net/semcss/", + "homepage": "https://remino.net/dress.css/", "keywords": [ "css", "boilerplate" ], "license": "ISC", - "name": "semcss", + "name": "dress.css", "scripts": { - "build": "npm run css:build && npx postcss .build/sass-css/sem.css -o dist/sem.css", + "build": "npm run css:build && npx postcss .build/sass-css/dress.css -o dist/dress.css", "css:build": "npm run css:sass && pnpm run css:postcss", "css:postcss": "npx postcss .build/sass-css/ --dir .build/css/$( grep -F prefix: data/site.yml | cut -d ' ' -f 2 )/", "css:sass": "npx sass --no-source-map --load-path=node_modules/ assets/css/:.build/sass-css/", @@ -50,7 +50,7 @@ "js:watch": "npx rollup --config rollup.config.js --watch" }, "type": "module", - "version": "1.2.4", + "version": "2.0.0", "watch": { "css:build": { "extensions": "css,sass,scss", @@ -60,4 +60,4 @@ "quiet": false } } -} +} \ No newline at end of file diff --git a/source/_footer.html.slim b/source/_footer.html.slim index 9064178..5eebb4f 100644 --- a/source/_footer.html.slim +++ b/source/_footer.html.slim @@ -1,9 +1,9 @@ footer#end nav = link_to '/' - object type="image/svg+xml" data="/semcss/remino.svg" - img src="/semcss/remino.svg" alt="RÉMINO" + object type="image/svg+xml" data="/dress.css/remino.svg" + img src="/dress.css/remino.svg" alt="RÉMINO" menu - li = link_to 'License', '/semcss/license/' + li = link_to 'License', '/dress.css/license/' li = link_to 'Back to Top', '#' diff --git a/source/_head.html.slim b/source/_head.html.slim index 5626b21..67df113 100644 --- a/source/_head.html.slim +++ b/source/_head.html.slim @@ -1,16 +1,19 @@ title= title -meta(content="viewport-fit=cover, width=device-width, initial-scale=1.0" name="viewport")/ -meta(content=data.site.description name="description" property="og:description")/ -meta(content=absolute_url(image_path('share.png')) name="image" property="og:image")/ -meta(content=title name="title" property="og:title")/ -meta(content="1440" property="og:image:height")/ -meta(content="2880" property="og:image:width")/ -meta(content=absolute_url property="og:url")/ -meta(content="website" property="og:type")/ -meta(content="summary_large_image" name="twitter:card")/ -meta(content=title name="twitter:title")/ -meta(content=data.site.description name="twitter:description")/ -meta(content=absolute_url(image_path('share.png')) name="twitter:image")/ -meta(content="@remino" name="twitter:site")/ -meta(content="@remino" name="twitter:creator")/ -meta(content=absolute_url name="twitter:url")/ +meta(name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0")/ +meta(name="canonical" property="og:url" content=absolute_url)/ +meta(name="description" property="og:description" content=data.site.description)/ +meta(name="image" property="og:image" content=absolute_url(image_path('share.png')))/ +meta(name="title" property="og:title" content=title)/ +meta(property="og:image:height" content="1440")/ +meta(property="og:image:width" content="2880")/ +meta(property="og:type" content="website")/ +meta(name="twitter:card" content="summary_large_image")/ +meta(name="twitter:title" content=title)/ +meta(name="twitter:description" content=data.site.description)/ +meta(name="twitter:image" content=absolute_url(image_path('share.png')))/ +meta(name="twitter:site" content="@remino")/ +meta(name="twitter:creator" content="@remino")/ +meta(name="twitter:url" content=absolute_url)/ +link(rel="favicon" type="image/png" href=absolute_url(image_path('favicon.png')))/ +link(rel="favicon" type="image/svg+xml" href=absolute_url(image_path('favicon.svg')))/ +link(rel="apple-touch-icon" href=absolute_url(image_path('apple-touch-icon.png')))/ diff --git a/source/_header.html.slim b/source/_header.html.slim index 4534dcf..958cdfa 100644 --- a/source/_header.html.slim +++ b/source/_header.html.slim @@ -1,11 +1,14 @@ header - h1= data.site.title + h1 + object type="image/svg+xml" data="/dress.css/ld.svg" + img src="/dress.css/ld.svg" alt="" + = data.site.title nav menu - li = link_to 'Home', '/semcss/' - li = link_to 'Elements', '/semcss/elements/' - li = link_to 'Demo', '/semcss/demo/' - li = link_to 'Playground', '/semcss/playground/' - li = link_to 'GitHub', 'https://github.com/remino/semcss', target: '_blank' - li = link_to 'npm', 'https://www.npmjs.com/package/semcss', target: '_blank' + li = link_to 'Home', '/dress.css/' + li = link_to 'Elements', '/dress.css/elements/' + li = link_to 'Demo', '/dress.css/demo/' + li = link_to 'Playground', '/dress.css/playground/' + li = link_to 'GitHub', 'https://github.com/remino/dress.css', target: '_blank' + li = link_to 'npm', 'https://www.npmjs.com/package/dress.css', target: '_blank' diff --git a/source/dress.css.conf.erb b/source/dress.css.conf.erb new file mode 100644 index 0000000..b92b54b --- /dev/null +++ b/source/dress.css.conf.erb @@ -0,0 +1,9 @@ +<% %w(dresscss semcss sem.css).each do |name| %> +location = /<%= name %> { + return 301 /dress.css/; +} + +location /<%= name %>/ { + rewrite ^/<%= Regexp.escape(name) %>/(.*) /dress.css/$1 permanent; +} +<% end %> diff --git a/source/semcss/demo.html.slim b/source/dress.css/demo.html.slim similarity index 99% rename from source/semcss/demo.html.slim rename to source/dress.css/demo.html.slim index d1287e9..f8cecd2 100644 --- a/source/semcss/demo.html.slim +++ b/source/dress.css/demo.html.slim @@ -47,7 +47,7 @@ h6 Ipsum Adipisicing p Minim proident fugiat dolor anim ipsum. figure - = image_tag '/semcss/triangles.svg' + = image_tag '/dress.css/triangles.svg' figcaption Non magna est occaecat ullamco id et consequat aute. details diff --git a/source/dress.css/dress.svg b/source/dress.css/dress.svg new file mode 120000 index 0000000..ec5f927 --- /dev/null +++ b/source/dress.css/dress.svg @@ -0,0 +1 @@ +../../dress.svg \ No newline at end of file diff --git a/source/semcss/elements.html.md.erb b/source/dress.css/elements.html.md.erb similarity index 94% rename from source/semcss/elements.html.md.erb rename to source/dress.css/elements.html.md.erb index 9e46892..763750f 100644 --- a/source/semcss/elements.html.md.erb +++ b/source/dress.css/elements.html.md.erb @@ -3,7 +3,7 @@ title: Elements --- # <%= current_page.data.title %> -Below are all the tags style by **sem.css** along with markup samples. +Below are all the tags style by **dress.css** along with markup samples. For legibility, code samples were highlighted using [Rouge](https://github.com/rouge-ruby/rouge)—that ability is not part of this stylesheet. @@ -76,7 +76,7 @@ For legibility, code samples were highlighted using [Rouge](https://github.com/r ## Page Sections {#sections} -In **sem.css**, some special formatting is used in the header and the footer of the page to ease navigation and readability. Menu (``) in navigation (`