diff --git a/public/build/favicons/README.md b/public/build/favicons/README.md new file mode 100644 index 0000000..a23d70d --- /dev/null +++ b/public/build/favicons/README.md @@ -0,0 +1,21 @@ +# Your Favicon Package + +This package was generated with [RealFaviconGenerator](https://realfavicongenerator.net/) [v0.16](https://realfavicongenerator.net/change_log#v0.16) + +## Install instructions + +To install this package: + +Extract this package in the root of your web site. If your site is http://www.example.com, you should be able to access a file named http://www.example.com/favicon.ico. + +Insert the following code in the `head` section of your pages: + + + + + + + + + +*Optional* - Check your favicon with the [favicon checker](https://realfavicongenerator.net/favicon_checker) \ No newline at end of file diff --git a/public/build/favicons/android-chrome-192x192.png b/public/build/favicons/android-chrome-192x192.png new file mode 100644 index 0000000..dc9339f Binary files /dev/null and b/public/build/favicons/android-chrome-192x192.png differ diff --git a/public/build/favicons/android-chrome-512x512.png b/public/build/favicons/android-chrome-512x512.png new file mode 100644 index 0000000..c24f70a Binary files /dev/null and b/public/build/favicons/android-chrome-512x512.png differ diff --git a/public/build/favicons/apple-touch-icon.png b/public/build/favicons/apple-touch-icon.png new file mode 100644 index 0000000..4c1bef8 Binary files /dev/null and b/public/build/favicons/apple-touch-icon.png differ diff --git a/public/build/favicons/browserconfig.xml b/public/build/favicons/browserconfig.xml new file mode 100644 index 0000000..859662c --- /dev/null +++ b/public/build/favicons/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #fbcfe8 + + + diff --git a/public/build/favicons/favicon-16x16.png b/public/build/favicons/favicon-16x16.png new file mode 100644 index 0000000..733a9f3 Binary files /dev/null and b/public/build/favicons/favicon-16x16.png differ diff --git a/public/build/favicons/favicon-32x32.png b/public/build/favicons/favicon-32x32.png new file mode 100644 index 0000000..9c63d3c Binary files /dev/null and b/public/build/favicons/favicon-32x32.png differ diff --git a/public/build/favicons/favicon.ico b/public/build/favicons/favicon.ico new file mode 100644 index 0000000..69eebec Binary files /dev/null and b/public/build/favicons/favicon.ico differ diff --git a/public/build/favicons/html_code.html b/public/build/favicons/html_code.html new file mode 100644 index 0000000..24b73d0 --- /dev/null +++ b/public/build/favicons/html_code.html @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/public/build/favicons/mstile-144x144.png b/public/build/favicons/mstile-144x144.png new file mode 100644 index 0000000..63af64a Binary files /dev/null and b/public/build/favicons/mstile-144x144.png differ diff --git a/public/build/favicons/mstile-150x150.png b/public/build/favicons/mstile-150x150.png new file mode 100644 index 0000000..d1b7d88 Binary files /dev/null and b/public/build/favicons/mstile-150x150.png differ diff --git a/public/build/favicons/mstile-310x150.png b/public/build/favicons/mstile-310x150.png new file mode 100644 index 0000000..dbb52b7 Binary files /dev/null and b/public/build/favicons/mstile-310x150.png differ diff --git a/public/build/favicons/mstile-310x310.png b/public/build/favicons/mstile-310x310.png new file mode 100644 index 0000000..dae7070 Binary files /dev/null and b/public/build/favicons/mstile-310x310.png differ diff --git a/public/build/favicons/mstile-70x70.png b/public/build/favicons/mstile-70x70.png new file mode 100644 index 0000000..9cb2f67 Binary files /dev/null and b/public/build/favicons/mstile-70x70.png differ diff --git a/public/build/favicons/safari-pinned-tab.svg b/public/build/favicons/safari-pinned-tab.svg new file mode 100644 index 0000000..aa94135 --- /dev/null +++ b/public/build/favicons/safari-pinned-tab.svg @@ -0,0 +1,505 @@ + + + + +Created by potrace 1.14, written by Peter Selinger 2001-2017 + + + + + + + + + + + + + + + + + + + + diff --git a/public/build/favicons/site.webmanifest b/public/build/favicons/site.webmanifest new file mode 100644 index 0000000..ec63a11 --- /dev/null +++ b/public/build/favicons/site.webmanifest @@ -0,0 +1,20 @@ +{ + "name": "MKM", + "short_name": "MKM", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#fbcfe8", + "background_color": "#fbcfe8", + "start_url": "https://kyliemarilyn.com", + "display": "standalone" +} diff --git a/public/build/fonts/cinzel-v11-latin-regular.eot b/public/build/fonts/cinzel-v11-latin-regular.eot new file mode 100644 index 0000000..7c56785 Binary files /dev/null and b/public/build/fonts/cinzel-v11-latin-regular.eot differ diff --git a/public/build/fonts/cinzel-v11-latin-regular.svg b/public/build/fonts/cinzel-v11-latin-regular.svg new file mode 100644 index 0000000..c086b3d --- /dev/null +++ b/public/build/fonts/cinzel-v11-latin-regular.svg @@ -0,0 +1,441 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/build/fonts/cinzel-v11-latin-regular.ttf b/public/build/fonts/cinzel-v11-latin-regular.ttf new file mode 100644 index 0000000..4c0a030 Binary files /dev/null and b/public/build/fonts/cinzel-v11-latin-regular.ttf differ diff --git a/public/build/fonts/cinzel-v11-latin-regular.woff b/public/build/fonts/cinzel-v11-latin-regular.woff new file mode 100644 index 0000000..cce56de Binary files /dev/null and b/public/build/fonts/cinzel-v11-latin-regular.woff differ diff --git a/public/build/fonts/cinzel-v11-latin-regular.woff2 b/public/build/fonts/cinzel-v11-latin-regular.woff2 new file mode 100644 index 0000000..7c2f929 Binary files /dev/null and b/public/build/fonts/cinzel-v11-latin-regular.woff2 differ diff --git a/public/build/fonts/raleway-v22-latin-regular.eot b/public/build/fonts/raleway-v22-latin-regular.eot new file mode 100644 index 0000000..c1caad9 Binary files /dev/null and b/public/build/fonts/raleway-v22-latin-regular.eot differ diff --git a/public/build/fonts/raleway-v22-latin-regular.svg b/public/build/fonts/raleway-v22-latin-regular.svg new file mode 100644 index 0000000..eca08e1 --- /dev/null +++ b/public/build/fonts/raleway-v22-latin-regular.svg @@ -0,0 +1,326 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/build/fonts/raleway-v22-latin-regular.ttf b/public/build/fonts/raleway-v22-latin-regular.ttf new file mode 100644 index 0000000..9d0afd6 Binary files /dev/null and b/public/build/fonts/raleway-v22-latin-regular.ttf differ diff --git a/public/build/fonts/raleway-v22-latin-regular.woff b/public/build/fonts/raleway-v22-latin-regular.woff new file mode 100644 index 0000000..90dbc4a Binary files /dev/null and b/public/build/fonts/raleway-v22-latin-regular.woff differ diff --git a/public/build/fonts/raleway-v22-latin-regular.woff2 b/public/build/fonts/raleway-v22-latin-regular.woff2 new file mode 100644 index 0000000..b614f0d Binary files /dev/null and b/public/build/fonts/raleway-v22-latin-regular.woff2 differ diff --git a/public/build/styles.css b/public/build/styles.css new file mode 100644 index 0000000..848b1d4 --- /dev/null +++ b/public/build/styles.css @@ -0,0 +1,817 @@ +/*! tailwindcss v2.2.4 | MIT License | https://tailwindcss.com */ + +/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ + +/* +Document +======== +*/ + +/** +Use a better box model (opinionated). +*/ + +*, +::before, +::after { + box-sizing: border-box; +} + +/** +Use a more readable tab size (opinionated). +*/ + +html { + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +/** +1. Correct the line height in all browsers. +2. Prevent adjustments of font size after orientation changes in iOS. +*/ + +html { + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} + +/* +Sections +======== +*/ + +/** +Remove the margin in all browsers. +*/ + +body { + margin: 0; +} + +/** +Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +*/ + +body { + font-family: + system-ui, + -apple-system, /* Firefox supports this but not yet `system-ui` */ + 'Segoe UI', + Roboto, + Helvetica, + Arial, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji'; +} + +/* +Grouping content +================ +*/ + +/** +1. Add the correct height in Firefox. +2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) +*/ + +hr { + height: 0; + /* 1 */ + color: inherit; + /* 2 */ +} + +/* +Text-level semantics +==================== +*/ + +/** +Add the correct text decoration in Chrome, Edge, and Safari. +*/ + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +/** +Add the correct font weight in Edge and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/** +1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +2. Correct the odd 'em' font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Consolas, + 'Liberation Mono', + Menlo, + monospace; + /* 1 */ + font-size: 1em; + /* 2 */ +} + +/** +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; +} + +/* +Tabular data +============ +*/ + +/** +1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) +2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) +*/ + +table { + text-indent: 0; + /* 1 */ + border-color: inherit; + /* 2 */ +} + +/* +Forms +===== +*/ + +/** +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 1 */ + line-height: 1.15; + /* 1 */ + margin: 0; + /* 2 */ +} + +/** +Remove the inheritance of text transform in Edge and Firefox. +1. Remove the inheritance of text transform in Firefox. +*/ + +button, +select { + /* 1 */ + text-transform: none; +} + +/** +Correct the inability to style clickable types in iOS and Safari. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +/** +Remove the inner border and padding in Firefox. +*/ + +::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** +Restore the focus styles unset by the previous rule. +*/ + +:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** +Remove the additional ':invalid' styles in Firefox. +See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 +*/ + +:-moz-ui-invalid { + box-shadow: none; +} + +/** +Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. +*/ + +legend { + padding: 0; +} + +/** +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/** +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-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 in Chrome and Safari on macOS. +*/ + +::-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 Chrome and Safari. +*/ + +summary { + display: list-item; +} + +/** + * Manually forked from SUIT CSS Base: https://github.com/suitcss/base + * A thin layer on top of normalize.css that provides a starting point more + * suitable for web applications. + */ + +/** + * Removes the default spacing and border for appropriate elements. + */ + +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} + +button { + background-color: transparent; + background-image: none; +} + +fieldset { + margin: 0; + padding: 0; +} + +ol, +ul { + list-style: none; + margin: 0; + padding: 0; +} + +/** + * Tailwind custom reset styles + */ + +/** + * 1. Use the user's configured `sans` font-family (with Tailwind's default + * sans-serif font stack as a fallback) as a sane default. + * 2. Use Tailwind's default "normal" line-height so the user isn't forced + * to override it to ensure consistency even when using the default theme. + */ + +html { + font-family: Raleway; + /* 1 */ + line-height: 1.5; + /* 2 */ +} + +/** + * Inherit font-family and line-height from `html` so users can set them as + * a class directly on the `html` element. + */ + +body { + font-family: inherit; + line-height: inherit; +} + +/** + * 1. Prevent padding and border from affecting element width. + * + * We used to set this in the html element and inherit from + * the parent element for everything else. This caused issues + * in shadow-dom-enhanced elements like
where the content + * is wrapped by a div with box-sizing set to `content-box`. + * + * https://github.com/mozdevs/cssremedy/issues/4 + * + * + * 2. Allow adding a border to an element by just adding a border-width. + * + * By default, the way the browser specifies that an element should have no + * border is by setting it's border-style to `none` in the user-agent + * stylesheet. + * + * In order to easily add borders to elements by just setting the `border-width` + * property, we change the default border-style for all elements to `solid`, and + * use border-width to hide them instead. This way our `border` utilities only + * need to set the `border-width` property instead of the entire `border` + * shorthand, making our border utilities much more straightforward to compose. + * + * https://github.com/tailwindcss/tailwindcss/pull/116 + */ + +*, +::before, +::after { + box-sizing: border-box; + /* 1 */ + border-width: 0; + /* 2 */ + border-style: solid; + /* 2 */ + border-color: currentColor; + /* 2 */ +} + +/* + * Ensure horizontal rules are visible by default + */ + +hr { + border-top-width: 1px; +} + +/** + * Undo the `border-style: none` reset that Normalize applies to images so that + * our `border-{width}` utilities have the expected effect. + * + * The Normalize reset is unnecessary for us since we default the border-width + * to 0 on all elements. + * + * https://github.com/tailwindcss/tailwindcss/issues/362 + */ + +img { + border-style: solid; +} + +textarea { + resize: vertical; +} + +input::-moz-placeholder, textarea::-moz-placeholder { + opacity: 1; + color: #9ca3af; +} + +input:-ms-input-placeholder, textarea:-ms-input-placeholder { + opacity: 1; + color: #9ca3af; +} + +input::placeholder, +textarea::placeholder { + opacity: 1; + color: #9ca3af; +} + +button, +[role="button"] { + cursor: pointer; +} + +table { + border-collapse: collapse; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} + +/** + * Reset links to optimize for opt-in styling instead of + * opt-out. + */ + +a { + color: inherit; + text-decoration: inherit; +} + +/** + * Reset form element properties that are easy to forget to + * style explicitly so you don't inadvertently introduce + * styles that deviate from your design system. These styles + * supplement a partial reset that is already applied by + * normalize.css. + */ + +button, +input, +optgroup, +select, +textarea { + padding: 0; + line-height: inherit; + color: inherit; +} + +/** + * Use the configured 'mono' font family for elements that + * are expected to be rendered with a monospace font, falling + * back to the system monospace stack if there is no configured + * 'mono' font family. + */ + +pre, +code, +kbd, +samp { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + +/** + * 1. Make replaced elements `display: block` by default as that's + * the behavior you want almost all of the time. Inspired by + * CSS Remedy, with `svg` added as well. + * + * https://github.com/mozdevs/cssremedy/issues/14 + * + * 2. Add `vertical-align: middle` to align replaced elements more + * sensibly by default when overriding `display` by adding a + * utility like `inline`. + * + * This can trigger a poorly considered linting error in some + * tools but is included by design. + * + * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 + */ + +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + /* 1 */ + vertical-align: middle; + /* 2 */ +} + +/** + * Constrain images and videos to the parent width and preserve + * their intrinsic aspect ratio. + * + * https://github.com/mozdevs/cssremedy/issues/14 + */ + +img, +video { + max-width: 100%; + height: auto; +} + +*, ::before, ::after { + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); + --tw-border-opacity: 1; + border-color: rgba(229, 231, 235, var(--tw-border-opacity)); + --tw-shadow: 0 0 #0000; + --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgba(59, 130, 246, 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); + --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); + --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/); + --tw-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.container { + width: 100%; +} + +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} + +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} + +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} + +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} + +@media (min-width: 1536px) { + .container { + max-width: 1536px; + } +} + +.mx-auto { + margin-left: auto; + margin-right: auto; +} + +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.border-4 { + border-width: 4px; +} + +.border-pink-50 { + --tw-border-opacity: 1; + border-color: rgba(253, 242, 248, var(--tw-border-opacity)); +} + +.bg-pink-200 { + --tw-bg-opacity: 1; + background-color: rgba(251, 207, 232, var(--tw-bg-opacity)); +} + +.pt-8 { + padding-top: 2rem; +} + +.text-center { + text-align: center; +} + +.font-serif { + font-family: Cinzel; +} + +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + +.leading-9 { + line-height: 2.25rem; +} + +.text-gray-600 { + --tw-text-opacity: 1; + color: rgba(75, 85, 99, var(--tw-text-opacity)); +} + +.text-gray-500 { + --tw-text-opacity: 1; + color: rgba(107, 114, 128, var(--tw-text-opacity)); +} + +.shadow-md { + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +/* cinzel-regular - latin */ + +@font-face { + font-family: 'Cinzel'; + + font-style: normal; + + font-weight: 400; + + src: url('./fonts/cinzel-v11-latin-regular.eot'); + + src: local(''), + url('./fonts/cinzel-v11-latin-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/cinzel-v11-latin-regular.woff2') format('woff2'), + url('./fonts/cinzel-v11-latin-regular.woff') format('woff'), + url('./fonts/cinzel-v11-latin-regular.ttf') format('truetype'), + url('./fonts/cinzel-v11-latin-regular.svg#Cinzel') format('svg'); +} + +/* raleway-regular - latin */ + +@font-face { + font-family: 'Raleway'; + + font-style: normal; + + font-weight: 400; + + src: url('./fonts/raleway-v22-latin-regular.eot'); + + src: local(''), + url('./fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), + url('./fonts/raleway-v22-latin-regular.woff') format('woff'), + url('./fonts/raleway-v22-latin-regular.ttf') format('truetype'), + url('./fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); +} + +/* source: https://www.heropatterns.com/ */ + +body { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%239C92AC' fill-opacity='0.11' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E"); +} + +.network { + margin-left: auto; + margin-right: auto; + margin-bottom: 0.75rem; + display: block; + width: 12rem; + border-radius: 0.25rem; + --tw-bg-opacity: 1; + background-color: rgba(244, 114, 182, var(--tw-bg-opacity)); + padding-left: 0.75rem; + padding-right: 0.75rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; + font-family: Cinzel; + font-size: 1.125rem; + line-height: 1.75rem; + text-transform: uppercase; + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); + opacity: 0.9; + --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + +.network:hover { + --tw-bg-opacity: 1; + background-color: rgba(236, 72, 153, var(--tw-bg-opacity)); +} + +.network:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + --tw-ring-opacity: 1; + --tw-ring-color: rgba(236, 72, 153, var(--tw-ring-opacity)); +} + +@media (min-width: 1024px) { + .lg\:pt-12 { + padding-top: 3rem; + } +} + diff --git a/public/img/miss-kylie_marilyn.jpg b/public/img/miss-kylie_marilyn.jpg new file mode 100644 index 0000000..cb919a8 Binary files /dev/null and b/public/img/miss-kylie_marilyn.jpg differ diff --git a/public/index.html b/public/index.html deleted file mode 100644 index 290a469..0000000 --- a/public/index.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - Miss Kylie Marilyn - - - - - - - -

⚜️ Miss Kylie Marilyn ⚜️

-

The website is in the making. If you want to reach me you can find me on Twitter or Instagram or simply write me an email.

- - diff --git a/public/index.php b/public/index.php new file mode 100644 index 0000000..f7e0b2f --- /dev/null +++ b/public/index.php @@ -0,0 +1,52 @@ + + + + + + + Miss Kylie Marilyn - Rubber Doll & Latex Goddess + + + + + + + + + + + + + + +
+

Miss Kylie Marilyn

+

Elite Rubber Doll & Latex Goddess

+ + Miss Kylie Marilyn in black latex + +
+ + + \ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css new file mode 100644 index 0000000..2d9243d --- /dev/null +++ b/src/css/styles.css @@ -0,0 +1,42 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* cinzel-regular - latin */ +@font-face { + font-family: 'Cinzel'; + font-style: normal; + font-weight: 400; + src: url('./fonts/cinzel-v11-latin-regular.eot'); + src: local(''), + url('./fonts/cinzel-v11-latin-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/cinzel-v11-latin-regular.woff2') format('woff2'), + url('./fonts/cinzel-v11-latin-regular.woff') format('woff'), + url('./fonts/cinzel-v11-latin-regular.ttf') format('truetype'), + url('./fonts/cinzel-v11-latin-regular.svg#Cinzel') format('svg'); + } + + /* raleway-regular - latin */ + @font-face { + font-family: 'Raleway'; + font-style: normal; + font-weight: 400; + src: url('./fonts/raleway-v22-latin-regular.eot'); + src: local(''), + url('./fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), + url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), + url('./fonts/raleway-v22-latin-regular.woff') format('woff'), + url('./fonts/raleway-v22-latin-regular.ttf') format('truetype'), + url('./fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); + } + +/* source: https://www.heropatterns.com/ */ +body { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%239C92AC' fill-opacity='0.11' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E"); +} + +.network { + @apply opacity-90 block font-serif mx-auto w-48 mb-3 px-3 py-2 rounded text-lg shadow-md bg-pink-400 text-white uppercase hover:bg-pink-500 focus:ring-2 focus:ring-pink-500 + +} +