From 1ae8d62d3f4eb5f76e712b3e2f02f5a63fb5059b Mon Sep 17 00:00:00 2001 From: Simon C Date: Thu, 21 Oct 2021 22:34:05 +0200 Subject: [PATCH] feat: Ajout des assets --- .gitignore | 1 + assets/js/main.js | 7 +++++ assets/styles/main.sass | 69 +++++++++++++++++++++++++++++++++++++++++ 3 files changed, 77 insertions(+) create mode 100644 assets/js/main.js create mode 100644 assets/styles/main.sass diff --git a/.gitignore b/.gitignore index b45f0b7..8b9b4d2 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ public resources backups +assets/jsconfig.json diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..b96bbf4 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,7 @@ +import obfuscates from 'js/obfuscates'; + +function main() { + obfuscates(); +} + +main(); diff --git a/assets/styles/main.sass b/assets/styles/main.sass new file mode 100644 index 0000000..51ad4b0 --- /dev/null +++ b/assets/styles/main.sass @@ -0,0 +1,69 @@ +$size-small: 400px + +body + color: #2d3824 + background: #fff8eb + font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" + margin: 0 auto + padding: 0 1rem + max-width: 800px + font-size: 1.125rem + // background-image: repeating-conic-gradient(#fff 0 9deg, rgba(0, 0, 0, .1) 9deg 18deg) + // background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjEiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPHJlY3QgeD0iNSIgeT0iNSIgd2lkdGg9IjIiIGhlaWdodD0iMSIgZmlsbD0iI2NjYyI+PC9yZWN0Pgo8L3N2Zz4=") + @media screen and (max-width: $size-small) + font-size: 1rem +hr + background: repeating-linear-gradient(90deg, transparent, transparent 9px, black 10px) + height: 12px + margin: 2em auto + position: relative + border: 0 + +ul.no-style + margin: 0 + padding: 0 + list-style-type: none + +a, h1, h2, h3 + color: #c14508 + +h1 + text-align: center + +.footer + font-size: 0.8rem + +.services + margin: 0 + padding: 0 + list-style-type: none + $tile: 1rem + width: calc(100% + 2*$tile) + margin-left: -$tile + display: flex + flex-wrap: wrap + li + text-align: center + padding: $tile + flex: 0 0 calc(100% * 6 / 12) + box-sizing: border-box + + img + max-width: 100% + width: 40% + +.contacts + width: 100% + + +// Grid + +.grid { display: flex; flex-wrap: wrap; } +.grid.\-middle { align-items: center; } +.cell { flex: 1; box-sizing: border-box; } +.cell.\-left { text-align: left ;} +.cell.\-right { text-align: right; } +.cell.\-center { text-align: center ;} +.cell.\-6of12 { flex: 0 0 calc(100% * 6 / 12); } + +@import "../../themes/hugo-theme-lowtech/assets/styles/obfuscates"