diff --git a/assets/sass/abstracts/_mixins.sass b/assets/sass/abstracts/_mixins.sass new file mode 100644 index 0000000..5071036 --- /dev/null +++ b/assets/sass/abstracts/_mixins.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all application-wide Sass mixins. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/abstracts/_variables.sass b/assets/sass/abstracts/_variables.sass new file mode 100644 index 0000000..1e9c1d2 --- /dev/null +++ b/assets/sass/abstracts/_variables.sass @@ -0,0 +1,14 @@ +// ----------------------------------------------------------------------------- +// This file contains all application-wide Sass variables. +// ----------------------------------------------------------------------------- + +// Sizes +/// @type Length +$max-width: 1180px !default +/// Breakpoints map +$breakpoints: ("small": 320px, "medium": 768px, "large": 1024px) !default +// @media all and (min-width: map-get($breakpoints, 'medium')) + +// Colours +$color-black: #000 +$color-white: #fff diff --git a/assets/sass/base/_base.sass b/assets/sass/base/_base.sass new file mode 100644 index 0000000..a82b12b --- /dev/null +++ b/assets/sass/base/_base.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains very basic styles. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/base/_fonts.sass b/assets/sass/base/_fonts.sass new file mode 100644 index 0000000..f8c445e --- /dev/null +++ b/assets/sass/base/_fonts.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all @font-face declarations, if any. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/base/_helpers.sass b/assets/sass/base/_helpers.sass new file mode 100644 index 0000000..ed302e5 --- /dev/null +++ b/assets/sass/base/_helpers.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains CSS helper classes. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/base/_typography.sass b/assets/sass/base/_typography.sass new file mode 100644 index 0000000..aa5c611 --- /dev/null +++ b/assets/sass/base/_typography.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// Basic typography style for copy text +// ----------------------------------------------------------------------------- diff --git a/assets/sass/desktop.sass b/assets/sass/desktop.sass new file mode 100644 index 0000000..ad50b11 --- /dev/null +++ b/assets/sass/desktop.sass @@ -0,0 +1,37 @@ +@charset "UTF-8" + +// 1. Configuration and helpers + +@use "abstracts/variables" +@use "abstracts/mixins" + +// 2. Vendors + +@use "vendors/normalize" + +// 3. Base stuff + +@use "base/base" +@use "base/fonts" +@use "base/typography" +@use "base/helpers" + +// 4. Layout-related sections + +@use "desktop/layout/header" +@use "desktop/layout/footer" + +// 5. Components + +@use "desktop/components/alert" +@use "desktop/components/button" + +// 6. Page-specific styles + +@use "desktop/pages/home" +@use "desktop/pages/contact" + +// 7. Themes + +@use "themes/light" +@use "themes/dark" diff --git a/assets/sass/desktop/components/_alert.sass b/assets/sass/desktop/components/_alert.sass new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/assets/sass/desktop/components/_alert.sass @@ -0,0 +1 @@ + diff --git a/assets/sass/desktop/components/_button.sass b/assets/sass/desktop/components/_button.sass new file mode 100644 index 0000000..170a2b4 --- /dev/null +++ b/assets/sass/desktop/components/_button.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all styles related to the button component. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/desktop/layout/_footer.sass b/assets/sass/desktop/layout/_footer.sass new file mode 100644 index 0000000..7f45c71 --- /dev/null +++ b/assets/sass/desktop/layout/_footer.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all styles related to the footer of the site/application. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/desktop/layout/_header.sass b/assets/sass/desktop/layout/_header.sass new file mode 100644 index 0000000..69c86bb --- /dev/null +++ b/assets/sass/desktop/layout/_header.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all styles related to the header of the site/application. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/desktop/pages/_contact.sass b/assets/sass/desktop/pages/_contact.sass new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/desktop/pages/_home.sass b/assets/sass/desktop/pages/_home.sass new file mode 100644 index 0000000..53e07a7 --- /dev/null +++ b/assets/sass/desktop/pages/_home.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains styles that are specific to the home page. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/mobile.sass b/assets/sass/mobile.sass new file mode 100644 index 0000000..df0b981 --- /dev/null +++ b/assets/sass/mobile.sass @@ -0,0 +1,37 @@ +@charset "UTF-8" + +// 1. Configuration and helpers + +@use "abstracts/variables" +@use "abstracts/mixins" + +// 2. Vendors + +@use "vendors/normalize" + +// 3. Base stuff + +@use "base/base" +@use "base/fonts" +@use "base/typography" +@use "base/helpers" + +// 4. Layout-related sections + +@use "mobile/layout/header" +@use "mobile/layout/footer" + +// 5. Components + +@use "mobile/components/alert" +@use "mobile/components/button" + +// 6. Page-specific styles + +@use "mobile/pages/home" +@use "mobile/pages/contact" + +// 7. Themes + +@use "themes/light" +@use "themes/dark" diff --git a/assets/sass/mobile/components/_alert.sass b/assets/sass/mobile/components/_alert.sass new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/assets/sass/mobile/components/_alert.sass @@ -0,0 +1 @@ + diff --git a/assets/sass/mobile/components/_button.sass b/assets/sass/mobile/components/_button.sass new file mode 100644 index 0000000..170a2b4 --- /dev/null +++ b/assets/sass/mobile/components/_button.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all styles related to the button component. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/mobile/layout/_footer.sass b/assets/sass/mobile/layout/_footer.sass new file mode 100644 index 0000000..7f45c71 --- /dev/null +++ b/assets/sass/mobile/layout/_footer.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all styles related to the footer of the site/application. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/mobile/layout/_header.sass b/assets/sass/mobile/layout/_header.sass new file mode 100644 index 0000000..69c86bb --- /dev/null +++ b/assets/sass/mobile/layout/_header.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains all styles related to the header of the site/application. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/mobile/pages/_contact.sass b/assets/sass/mobile/pages/_contact.sass new file mode 100644 index 0000000..e69de29 diff --git a/assets/sass/mobile/pages/_home.sass b/assets/sass/mobile/pages/_home.sass new file mode 100644 index 0000000..53e07a7 --- /dev/null +++ b/assets/sass/mobile/pages/_home.sass @@ -0,0 +1,3 @@ +// ----------------------------------------------------------------------------- +// This file contains styles that are specific to the home page. +// ----------------------------------------------------------------------------- diff --git a/assets/sass/themes/_dark.sass b/assets/sass/themes/_dark.sass new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/assets/sass/themes/_dark.sass @@ -0,0 +1 @@ + diff --git a/assets/sass/themes/_light.sass b/assets/sass/themes/_light.sass new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/assets/sass/themes/_light.sass @@ -0,0 +1 @@ + diff --git a/assets/sass/vendors/_normalize.sass b/assets/sass/vendors/_normalize.sass new file mode 100644 index 0000000..de987a8 --- /dev/null +++ b/assets/sass/vendors/_normalize.sass @@ -0,0 +1,448 @@ +/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css + +/** + * 1. Change the default font family in all browsers (opinionated). + * 2. Correct the line height in all browsers. + * 3. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + +/* Document + * ========================================================================== + +html + font-family: sans-serif + + /* 1 + line-height: 1.15 + + /* 2 + -ms-text-size-adjust: 100% + + /* 3 + -webkit-text-size-adjust: 100% + + /* 3 + +/* Sections + * ========================================================================== + +/** + * Remove the margin in all browsers (opinionated). + +body + margin: 0 + +/** + * Add the correct display in IE 9-. + +article, +aside, +footer, +header, +nav, +section + display: block + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + +h1 + font-size: 2em + margin: 0.67em 0 + +/* Grouping content + * ========================================================================== + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + +figcaption, +figure, +main + /* 1 + display: block + +/** + * Add the correct margin in IE 8. + +figure + margin: 1em 40px + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + +hr + box-sizing: content-box + + /* 1 + height: 0 + + /* 1 + overflow: visible + + /* 2 + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + +pre + font-family: monospace, monospace + + /* 1 + font-size: 1em + + /* 2 + +/* Text-level semantics + * ========================================================================== + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + +a + background-color: transparent + + /* 1 + -webkit-text-decoration-skip: objects + + /* 2 + +/** + * Remove the outline on focused links when they are also active or hovered + * in all browsers (opinionated). + +a:active, +a:hover + outline-width: 0 + +/** + * 1. Remove the bottom border in Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + +abbr[title] + border-bottom: none + + /* 1 + text-decoration: underline + + /* 2 + text-decoration: underline dotted + + /* 2 + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + +b, +strong + font-weight: inherit + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + +b, +strong + font-weight: bolder + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + +code, +kbd, +samp + font-family: monospace, monospace + + /* 1 + font-size: 1em + + /* 2 + +/** + * Add the correct font style in Android 4.3-. + +dfn + font-style: italic + +/** + * Add the correct background and color in IE 9-. + +mark + background-color: #ff0 + color: #000 + +/** + * Add the correct font size in all browsers. + +small + font-size: 80% + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + +sub, +sup + font-size: 75% + line-height: 0 + position: relative + vertical-align: baseline + +sub + bottom: -0.25em + +sup + top: -0.5em + +/* Embedded content + * ========================================================================== + +/** + * Add the correct display in IE 9-. + +audio, +video + display: inline-block + +/** + * Add the correct display in iOS 4-7. + +audio:not([controls]) + display: none + height: 0 + +/** + * Remove the border on images inside links in IE 10-. + +img + border-style: none + +/** + * Hide the overflow in IE. + +svg:not(:root) + overflow: hidden + +/* Forms + * ========================================================================== + +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + +button, +input, +optgroup, +select, +textarea + font-family: sans-serif + + /* 1 + font-size: 100% + + /* 1 + line-height: 1.15 + + /* 1 + margin: 0 + + /* 2 + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + +button, +input + /* 1 + overflow: visible + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + +button, +select + /* 1 + text-transform: none + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + +button, +html [type="button"], +[type="reset"], +[type="submit"] + -webkit-appearance: button + + /* 2 + +/** + * Remove the inner border and padding in Firefox. + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner + border-style: none + padding: 0 + +/** + * Restore the focus styles unset by the previous rule. + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring + outline: 1px dotted ButtonText + +/** + * Change the border, margin, and padding in all browsers (opinionated). + +fieldset + border: 1px solid #c0c0c0 + margin: 0 2px + padding: 0.35em 0.625em 0.75em + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + +legend + box-sizing: border-box + + /* 1 + color: inherit + + /* 2 + display: table + + /* 1 + max-width: 100% + + /* 1 + padding: 0 + + /* 3 + white-space: normal + + /* 1 + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + +progress + display: inline-block + + /* 1 + vertical-align: baseline + + /* 2 + +/** + * Remove the default vertical scrollbar in IE. + +textarea + overflow: auto + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + +[type="checkbox"], +[type="radio"] + box-sizing: border-box + + /* 1 + padding: 0 + + /* 2 + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button + height: auto + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + +[type="search"] + -webkit-appearance: textfield + + /* 1 + outline-offset: -2px + + /* 2 + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration + -webkit-appearance: none + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + +\::-webkit-file-upload-button + -webkit-appearance: button + + /* 1 + font: inherit + + /* 2 + +/* Interactive + * ========================================================================== + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + +details, +menu + display: block + +/* + * Add the correct display in all browsers. + +summary + display: list-item + +/* Scripting + * ========================================================================== + +/** + * Add the correct display in IE 9-. + +canvas + display: inline-block + +/** + * Add the correct display in IE. + +template + display: none + +/* Hidden + * ========================================================================== + +/** + * Add the correct display in IE 10-. + +[hidden] + display: none diff --git a/assets/ts/main.ts b/assets/ts/main.ts new file mode 100644 index 0000000..1e2951c --- /dev/null +++ b/assets/ts/main.ts @@ -0,0 +1 @@ +console.log("Al principio todo es undefined"); diff --git a/docker-compose.yaml b/docker-compose.yaml index 1147583..429b535 100644 --- a/docker-compose.yaml +++ b/docker-compose.yaml @@ -69,3 +69,4 @@ services: restart: "no" volumes: - .:/usr/src/app/ + - /usr/src/app/node_modules \ No newline at end of file