commit 47950bb08e227c94e378f3bf510600dfbb837c2e Author: choj Date: Mon Nov 30 22:06:04 2020 +0100 premières sources & images de tests low def diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f40fbd8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +_site +.sass-cache +.jekyll-cache +.jekyll-metadata +vendor diff --git a/404.html b/404.html new file mode 100644 index 0000000..086a5c9 --- /dev/null +++ b/404.html @@ -0,0 +1,25 @@ +--- +permalink: /404.html +layout: default +--- + + + +
+

404

+ +

Page not found :(

+

The requested page could not be found.

+
diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..8e7ddbe --- /dev/null +++ b/Gemfile @@ -0,0 +1,30 @@ +source "https://rubygems.org" +# Hello! This is where you manage which Jekyll version is used to run. +# When you want to use a different version, change it below, save the +# file and run `bundle install`. Run Jekyll with `bundle exec`, like so: +# +# bundle exec jekyll serve +# +# This will help ensure the proper Jekyll version is running. +# Happy Jekylling! +gem "jekyll", "~> 4.0.0" +# This is the default theme for new Jekyll sites. You may change this to anything you like. +gem "minima", "~> 2.5" +# If you want to use GitHub Pages, remove the "gem "jekyll"" above and +# uncomment the line below. To upgrade, run `bundle update github-pages`. +# gem "github-pages", group: :jekyll_plugins +# If you have any plugins, put them here! +group :jekyll_plugins do + gem "jekyll-feed", "~> 0.12" +end + +# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem +# and associated library. +install_if -> { RUBY_PLATFORM =~ %r!mingw|mswin|java! } do + gem "tzinfo", "~> 1.2" + gem "tzinfo-data" +end + +# Performance-booster for watching directories on Windows +gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform? + diff --git a/Gemfile.lock b/Gemfile.lock new file mode 100644 index 0000000..aa80c12 --- /dev/null +++ b/Gemfile.lock @@ -0,0 +1,86 @@ +GEM + remote: https://rubygems.org/ + specs: + addressable (2.7.0) + public_suffix (>= 2.0.2, < 5.0) + colorator (1.1.0) + concurrent-ruby (1.1.7) + em-websocket (0.5.2) + eventmachine (>= 0.12.9) + http_parser.rb (~> 0.6.0) + eventmachine (1.2.7) + ffi (1.13.1) + forwardable-extended (2.6.0) + http_parser.rb (0.6.0) + i18n (1.8.5) + concurrent-ruby (~> 1.0) + jekyll (4.0.1) + addressable (~> 2.4) + colorator (~> 1.0) + em-websocket (~> 0.5) + i18n (>= 0.9.5, < 2) + jekyll-sass-converter (~> 2.0) + jekyll-watch (~> 2.0) + kramdown (~> 2.1) + kramdown-parser-gfm (~> 1.0) + liquid (~> 4.0) + mercenary (~> 0.3.3) + pathutil (~> 0.9) + rouge (~> 3.0) + safe_yaml (~> 1.0) + terminal-table (~> 1.8) + jekyll-feed (0.15.1) + jekyll (>= 3.7, < 5.0) + jekyll-sass-converter (2.1.0) + sassc (> 2.0.1, < 3.0) + jekyll-seo-tag (2.7.1) + jekyll (>= 3.8, < 5.0) + jekyll-watch (2.2.1) + listen (~> 3.0) + kramdown (2.3.0) + rexml + kramdown-parser-gfm (1.1.0) + kramdown (~> 2.0) + liquid (4.0.3) + listen (3.3.3) + rb-fsevent (~> 0.10, >= 0.10.3) + rb-inotify (~> 0.9, >= 0.9.10) + mercenary (0.3.6) + minima (2.5.1) + jekyll (>= 3.5, < 5.0) + jekyll-feed (~> 0.9) + jekyll-seo-tag (~> 2.1) + pathutil (0.16.2) + forwardable-extended (~> 2.6) + public_suffix (4.0.6) + rb-fsevent (0.10.4) + rb-inotify (0.10.1) + ffi (~> 1.0) + rexml (3.2.4) + rouge (3.25.0) + safe_yaml (1.0.5) + sassc (2.4.0) + ffi (~> 1.9) + terminal-table (1.8.0) + unicode-display_width (~> 1.1, >= 1.1.1) + thread_safe (0.3.6) + tzinfo (1.2.8) + thread_safe (~> 0.1) + tzinfo-data (1.2020.4) + tzinfo (>= 1.0.0) + unicode-display_width (1.7.0) + wdm (0.1.1) + +PLATFORMS + ruby + +DEPENDENCIES + jekyll (~> 4.0.0) + jekyll-feed (~> 0.12) + minima (~> 2.5) + tzinfo (~> 1.2) + tzinfo-data + wdm (~> 0.1.1) + +BUNDLED WITH + 2.1.4 diff --git a/_category/clothes.md b/_category/clothes.md new file mode 100644 index 0000000..1f8b454 --- /dev/null +++ b/_category/clothes.md @@ -0,0 +1,4 @@ +--- +tag: clothes +permalink: "/category/clothes" +--- diff --git a/_category/luxury.md b/_category/luxury.md new file mode 100644 index 0000000..4eab9e1 --- /dev/null +++ b/_category/luxury.md @@ -0,0 +1,4 @@ +--- +tag: luxury +permalink: "/category/luxury" +--- diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..a623185 --- /dev/null +++ b/_config.yml @@ -0,0 +1,73 @@ +# Welcome to Jekyll! +# +# This config file is meant for settings that affect your whole blog, values +# which you are expected to set up once and rarely edit after that. If you find +# yourself editing this file very often, consider using Jekyll's data files +# feature for the data you need to update frequently. +# +# For technical reasons, this file is *NOT* reloaded automatically when you use +# 'bundle exec jekyll serve'. If you change this file, please restart the server process. +# +# If you need help with YAML syntax, here are some quick references for you: +# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml +# https://learnxinyminutes.com/docs/yaml/ +# +# Site settings +# These are used to personalize your new site. If you look in the HTML files, +# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. +# You can create any custom variable you would like, and they will be accessible +# in the templates via {{ site.myvariable }}. + +title: Dylan Monin +subtitle: cg artist +email: dylan.monin@gmail.com +author: Allella +description: >- # this means to ignore newlines until "baseurl:" + Dylan Monin website - CG Artist - France +baseurl: "" # the subpath of your site, e.g. /blog +url: "" # the base hostname & protocol for your site, e.g. http://example.com +# twitter_username: jekyllrb +# github_username: jekyll +sass: + style: compact + load_paths: + - node_modules +# Build settings +# theme: minima +collections: + category: + output: true +defaults: + - + scope: + path: "" + type: category + values: + layout: "category" + +plugins: + - jekyll-feed + - jekyll-seo-tag + + + +# Exclude from processing. +# The following items will not be processed, by default. +# Any item listed under the `exclude:` key here will be automatically added to +# the internal "default list". +# +# Excluded items can be processed by explicitly listing the directories or +# their entries' file path in the `include:` list. +# +# exclude: +# - .sass-cache/ +# - .jekyll-cache/ +# - gemfiles/ +# - Gemfile +# - Gemfile.lock +# - node_modules/ +# - package.json +# - vendor/bundle/ +# - vendor/cache/ +# - vendor/gems/ +# - vendor/ruby/ diff --git a/_includes/contact.html b/_includes/contact.html new file mode 100644 index 0000000..54b52f2 --- /dev/null +++ b/_includes/contact.html @@ -0,0 +1,8 @@ +
+ +
+
{{site.title}}
+
{{site.email}}
+
01 02 03 04 05 06
+
+
diff --git a/_includes/disqus_comments.html b/_includes/disqus_comments.html new file mode 100644 index 0000000..d9400f2 --- /dev/null +++ b/_includes/disqus_comments.html @@ -0,0 +1,20 @@ +{%- if page.comments != false and jekyll.environment == "production" -%} + +
+ + +{%- endif -%} diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..60fcb13 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,44 @@ + diff --git a/_includes/google-analytics.html b/_includes/google-analytics.html new file mode 100644 index 0000000..e9afb20 --- /dev/null +++ b/_includes/google-analytics.html @@ -0,0 +1,12 @@ + + diff --git a/_includes/head.html b/_includes/head.html new file mode 100644 index 0000000..f0d3833 --- /dev/null +++ b/_includes/head.html @@ -0,0 +1,12 @@ + + + + + {%- seo -%} + + + {%- feed_meta -%} + {%- if jekyll.environment == 'production' and site.google_analytics -%} + {%- include google-analytics.html -%} + {%- endif -%} + diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..f9892c5 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,38 @@ + diff --git a/_includes/icon-github.html b/_includes/icon-github.html new file mode 100644 index 0000000..e501a16 --- /dev/null +++ b/_includes/icon-github.html @@ -0,0 +1 @@ +{% include icon-github.svg %}{{ include.username }} diff --git a/_includes/icon-github.svg b/_includes/icon-github.svg new file mode 100644 index 0000000..e6c5f6d --- /dev/null +++ b/_includes/icon-github.svg @@ -0,0 +1 @@ + diff --git a/_includes/icon-twitter.html b/_includes/icon-twitter.html new file mode 100644 index 0000000..e623dbd --- /dev/null +++ b/_includes/icon-twitter.html @@ -0,0 +1 @@ +{{ include.username }} diff --git a/_includes/icon-twitter.svg b/_includes/icon-twitter.svg new file mode 100644 index 0000000..efc0ecf --- /dev/null +++ b/_includes/icon-twitter.svg @@ -0,0 +1 @@ + diff --git a/_includes/social.html b/_includes/social.html new file mode 100644 index 0000000..44046b8 --- /dev/null +++ b/_includes/social.html @@ -0,0 +1,14 @@ + diff --git a/_layouts/category.html b/_layouts/category.html new file mode 100644 index 0000000..0cef361 --- /dev/null +++ b/_layouts/category.html @@ -0,0 +1,31 @@ +--- +layout: default +--- +
+
+ {%- if page.title -%} +

{{ page.title }}

+ {%- endif -%} + {{ content }} + {%- if site.categories[page.tag].size > 0 -%} + + +
    + {%- for post in site.categories[page.tag] -%} +
  • + {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%} + + +

    + + {{post.hometext}} +

    + {%- if site.show_excerpts -%} + {{ post.excerpt }} + {%- endif -%} +
    • + {%- endfor -%} +
+ {%- endif -%} +
+
diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..59c058c --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,20 @@ + + + + {%- include head.html -%} + + + + {%- include header.html -%} + +
+
+ {{ content }} +
+
+ {%- include contact.html -%} + {%- include footer.html -%} + + + + diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..67e2a97 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,13 @@ +--- +layout: default +--- + + +
+ +
+
+
+
+
diff --git a/_layouts/home.html.back b/_layouts/home.html.back new file mode 100644 index 0000000..3e020fb --- /dev/null +++ b/_layouts/home.html.back @@ -0,0 +1,54 @@ + + + + {%- include head.html -%} + + + + {%- include header.html -%} + +
+ + + +
+
+ {%- if page.title -%} +

{{ page.title }}

+ {%- endif -%} + {{ content }} + {%- if site.posts.size > 0 -%} + + +
    + {%- for post in site.posts -%} +
  • + {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%} + + +

    + {{ post.title | escape }} + {{post.hometext}} +

    + {%- if site.show_excerpts -%} + {{ post.excerpt }} + {%- endif -%} +
    • + {%- endfor -%} +
+ + + {%- endif -%} + +
+
+
+ {%- include contact.html -%} + {%- include footer.html -%} + + + + diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..01e4b2a --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,14 @@ +--- +layout: default +--- +
+ +
+

{{ page.title | escape }}

+
+ +
+ {{ content }} +
+ +
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..abf9696 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,27 @@ +--- +layout: default +--- +
+ +
+

{{ page.title | escape }}

+

+ + {%- if page.author -%} + • + {%- endif -%}

+
+ +
+ {{ content }} +
+ + {%- if site.disqus.shortname -%} + {%- include disqus_comments.html -%} + {%- endif -%} + + +
diff --git a/_posts/2020-04-10-luxury-ricochet.markdown b/_posts/2020-04-10-luxury-ricochet.markdown new file mode 100644 index 0000000..746296b --- /dev/null +++ b/_posts/2020-04-10-luxury-ricochet.markdown @@ -0,0 +1,29 @@ +--- +layout: post +title: "Ricochet" +date: 2020-04-10 +description: +image: /assets/images/Luxery/Ricochet/Ricochet_homepage.png +author: Dylan Monin +tags: + - plop +category: luxury +hometext: Ricochet · 2020 + +--- + + + +Pellentesque scelerisque diam non vulputate consequat. Curabitur lectus eros, vestibulum in fringilla et, rutrum in felis. Nam eu blandit nisl. Nullam sed scelerisque turpis. Vestibulum sagittis lacus dignissim, hendrerit mi ut, congue odio. Aenean sed lectus augue. Mauris placerat tellus nulla, nec posuere neque pulvinar tristique. Cras ultricies, felis eu consectetur faucibus, sem nibh pretium dolor, vel viverra nisl risus sed leo. Aliquam aliquet neque ut fringilla mollis. Aliquam risus massa, molestie ut gravida id, lacinia ut elit. Nullam ac gravida lacus, at eleifend tellus. + +![Placeholder](/assets/images/Luxery/Ricochet/Table_Ricochet_pers02.jpg) + +Quisque vel quam nibh. Maecenas nec sagittis ligula. Proin vitae nisi pharetra, pharetra nisi ac, scelerisque metus. Duis eleifend tortor sit amet nunc lacinia tempus. Nullam vulputate mi in tellus semper, faucibus convallis velit venenatis. In eget libero ac lorem tincidunt pharetra. Integer posuere vehicula elementum. + + +![Placeholder](/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg) + + +![Placeholder](/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg) diff --git a/_posts/2020-04-11-luxery-dolphin.markdown b/_posts/2020-04-11-luxery-dolphin.markdown new file mode 100644 index 0000000..4a3cb94 --- /dev/null +++ b/_posts/2020-04-11-luxery-dolphin.markdown @@ -0,0 +1,23 @@ +--- +layout: post +title: "Doplhin" +date: 2020-04-11 +description: +image: /assets/images/Luxery/Dolphin/Dolphin_homepage.png +author: Dylan Monin +tags: + - plip + - plop +category: luxury +hometext: Doplhin · 2020 +--- +Etiam accumsan ligula vel velit mattis molestie. Aenean hendrerit risus sed orci cursus consequat. Proin sed leo at eros molestie ullamcorper. Suspendisse faucibus augue vulputate odio tristique, quis interdum ex lobortis. Nullam nec feugiat metus, in pellentesque leo. + +![Placeholder](/assets/images/Luxery/Dolphin/pers_hd2.jpg) +![Placeholder](/assets/images/Luxery/Dolphin/pers_hd.jpg) +Ut a massa vel tortor luctus sollicitudin ut in diam. Suspendisse metus nibh, feugiat eget nisl eget, elementum interdum nulla. Nam vel nisl risus. + +![Placeholder](/assets/images/Luxery/Dolphin/pers_zoom01.jpg) +![Placeholder](/assets/images/Luxery/Dolphin/pers_zoom02.jpg) +![Placeholder](/assets/images/Luxery/Dolphin/pers2_zoom01.jpg) +![Placeholder](/assets/images/Luxery/Dolphin/pers2_zoom02.jpg) diff --git a/_posts/2020-04-12-lorem.markdown b/_posts/2020-04-12-lorem.markdown new file mode 100644 index 0000000..da7c319 --- /dev/null +++ b/_posts/2020-04-12-lorem.markdown @@ -0,0 +1,19 @@ +--- +layout: post +title: "Lorem" +date: 2020-04-12 +description: +image: /assets/images/Clothes/lorem.jpg +author: Dylan Monin +tags: + - clothes +category: clothes +hometext: Plop · 2020 +--- +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin cursus urna et eros condimentum tincidunt id ac turpis. Donec vulputate, lectus sed vulputate blandit, massa est dictum diam, vulputate aliquam turpis nunc sed velit. Fusce accumsan blandit mauris a porta. Sed ac tincidunt nulla. Morbi odio purus, condimentum quis lectus at, hendrerit blandit libero. In quis dictum dolor, et lacinia purus. Proin consequat nisi ut nibh sollicitudin tristique. Suspendisse gravida tellus vitae dictum ultricies. In vestibulum odio dui, sed ultricies lorem aliquet quis. Phasellus mollis tempus lacinia. Nulla tortor arcu, ornare consectetur ligula sit amet, dapibus porttitor urna. Donec et augue quis neque placerat porta. Nulla rutrum quam odio, quis fringilla mi tincidunt quis. Integer sodales scelerisque dictum. Suspendisse non nisi id eros ornare viverra vitae sed justo. In nisl nibh, tempor sed vestibulum sit amet, porta vel arcu. + +![Placeholder](/assets/images/Clothes/lorem.jpg) + +Vestibulum finibus eros sapien, nec dignissim risus laoreet vel. Suspendisse in mi vitae dui tincidunt interdum vel porta enim. Nam in faucibus urna. Morbi eget massa et enim luctus placerat. Nulla sed aliquam nisi. Donec auctor in lorem id efficitur. Fusce molestie nulla quis mauris gravida, in varius lacus imperdiet. Sed elit erat, finibus eu lorem in, ultrices consectetur turpis. Suspendisse molestie a nulla sit amet volutpat. Nulla at volutpat libero, feugiat auctor diam. Sed malesuada finibus massa et cursus. Phasellus vitae erat quis odio placerat condimentum a nec eros. Nam at nulla sed quam egestas finibus ut quis lorem. Aliquam non tristique arcu, et condimentum sem. Proin condimentum, nibh accumsan volutpat vehicula, enim nisi suscipit purus, tempor venenatis elit arcu ac turpis. In iaculis commodo volutpat. + +![Placeholder](/assets/images/Clothes/lorem2.jpg) diff --git a/_posts/2020-04-13-Balevenie.markdown b/_posts/2020-04-13-Balevenie.markdown new file mode 100644 index 0000000..e98a1b9 --- /dev/null +++ b/_posts/2020-04-13-Balevenie.markdown @@ -0,0 +1,19 @@ +--- +layout: post +title: "The Balvenie" +date: 2020-04-13 +description: +image: /assets/images/Luxery/The_Balvenie/the_balvenie.jpg +author: Dylan Monin +#category: luxury +categories: + - "luxury" +hometext: The Balvenie · 2020 +--- +Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin cursus urna et eros condimentum tincidunt id ac turpis. Donec vulputate, lectus sed vulputate blandit, massa est dictum diam, vulputate aliquam turpis nunc sed velit. Fusce accumsan blandit mauris a porta. Sed ac tincidunt nulla. Morbi odio purus, condimentum quis lectus at, hendrerit blandit libero. In quis dictum dolor, et lacinia purus. Proin consequat nisi ut nibh sollicitudin tristique. Suspendisse gravida tellus vitae dictum ultricies. In vestibulum odio dui, sed ultricies lorem aliquet quis. Phasellus mollis tempus lacinia. Nulla tortor arcu, ornare consectetur ligula sit amet, dapibus porttitor urna. Donec et augue quis neque placerat porta. Nulla rutrum quam odio, quis fringilla mi tincidunt quis. Integer sodales scelerisque dictum. Suspendisse non nisi id eros ornare viverra vitae sed justo. In nisl nibh, tempor sed vestibulum sit amet, porta vel arcu. + +![Placeholder](/assets/images/lorem.jpg) + +Vestibulum finibus eros sapien, nec dignissim risus laoreet vel. Suspendisse in mi vitae dui tincidunt interdum vel porta enim. Nam in faucibus urna. Morbi eget massa et enim luctus placerat. Nulla sed aliquam nisi. Donec auctor in lorem id efficitur. Fusce molestie nulla quis mauris gravida, in varius lacus imperdiet. Sed elit erat, finibus eu lorem in, ultrices consectetur turpis. Suspendisse molestie a nulla sit amet volutpat. Nulla at volutpat libero, feugiat auctor diam. Sed malesuada finibus massa et cursus. Phasellus vitae erat quis odio placerat condimentum a nec eros. Nam at nulla sed quam egestas finibus ut quis lorem. Aliquam non tristique arcu, et condimentum sem. Proin condimentum, nibh accumsan volutpat vehicula, enim nisi suscipit purus, tempor venenatis elit arcu ac turpis. In iaculis commodo volutpat. + +![Placeholder](/assets/images/lorem2.jpg#full) diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..cf7da09 --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,259 @@ +/** + * Reset some basic elements + */ +body, h1, h2, h3, h4, h5, h6, +p, blockquote, pre, hr, +dl, dd, ol, ul, figure { + margin: 0; + padding: 0; +} + + + +/** + * Basic styling + */ +body { + font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family; + color: $text-color; + background-color: $background-color; + -webkit-text-size-adjust: 100%; + -webkit-font-feature-settings: "kern" 1; + -moz-font-feature-settings: "kern" 1; + -o-font-feature-settings: "kern" 1; + font-feature-settings: "kern" 1; + font-kerning: normal; + display: flex; + min-height: 100vh; + flex-direction: column; +} + + + +/** + * Set `margin-bottom` to maintain vertical rhythm + */ +h1, h2, h3, h4, h5, h6, +p, blockquote, pre, +ul, ol, dl, figure, +%vertical-rhythm { + margin-bottom: $spacing-unit / 2; +} + + + +/** + * `main` element + */ +main { + display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ +} + + + +/** + * Images + */ +img { + max-width: 100%; + vertical-align: middle; +} + + + +/** + * Figures + */ +figure > img { + display: block; +} + +figcaption { + font-size: $small-font-size; +} + + + +/** + * Lists + */ +ul, ol { + margin-left: $spacing-unit; +} + +li { + > ul, + > ol { + margin-bottom: 0; + } +} + + + +/** + * Headings + */ +h1, h2, h3, h4, h5, h6 { + font-weight: $base-font-weight; +} + + + +/** + * Links + */ +a { + color: $brand-color; + text-decoration: none; + + &:visited { + color: darken($brand-color, 15%); + } + + &:hover { + color: $text-color; + text-decoration: underline; + } + + .social-media-list &:hover { + text-decoration: none; + + .username { + text-decoration: underline; + } + } +} + + +/** + * Blockquotes + */ +blockquote { + color: $grey-color; + border-left: 4px solid $grey-color-light; + padding-left: $spacing-unit / 2; + @include relative-font-size(1.125); + letter-spacing: -1px; + font-style: italic; + + > :last-child { + margin-bottom: 0; + } +} + + + +/** + * Code formatting + */ +pre, +code { + @include relative-font-size(0.9375); + border: 1px solid $grey-color-light; + border-radius: 3px; + background-color: #eef; +} + +code { + padding: 1px 5px; +} + +pre { + padding: 8px 12px; + overflow-x: auto; + + > code { + border: 0; + padding-right: 0; + padding-left: 0; + } +} + + + +/** + * Wrapper + */ +.wrapper { + max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); + max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); + margin-right: auto; + margin-left: auto; + padding-right: $spacing-unit; + padding-left: $spacing-unit; + @extend %clearfix; + + @include media-query($on-laptop) { + max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit})); + max-width: calc(#{$content-width} - (#{$spacing-unit})); + padding-right: $spacing-unit / 2; + padding-left: $spacing-unit / 2; + } +} + + + +/** + * Clearfix + */ +%clearfix:after { + content: ""; + display: table; + clear: both; +} + + + +/** + * Icons + */ + +.svg-icon { + width: 16px; + height: 16px; + display: inline-block; + fill: #{$grey-color}; + padding-right: 5px; + vertical-align: text-top; +} + +.social-media-list { + li + li { + padding-top: 5px; + } +} + + + +/** + * Tables + */ +table { + margin-bottom: $spacing-unit; + width: 100%; + text-align: $table-text-align; + color: lighten($text-color, 18%); + border-collapse: collapse; + border: 1px solid $grey-color-light; + tr { + &:nth-child(even) { + background-color: lighten($grey-color-light, 6%); + } + } + th, td { + padding: ($spacing-unit / 3) ($spacing-unit / 2); + } + th { + background-color: lighten($grey-color-light, 3%); + border: 1px solid darken($grey-color-light, 4%); + border-bottom-color: darken($grey-color-light, 12%); + } + td { + border: 1px solid $grey-color-light; + } +} + +.home-tags{ + font-size: 14px; + color: $grey-color; +} diff --git a/_sass/_layout.scss b/_sass/_layout.scss new file mode 100644 index 0000000..8ba5b9c --- /dev/null +++ b/_sass/_layout.scss @@ -0,0 +1,319 @@ +/** + * Site header + */ +.site-header { + border-bottom: 1px solid $grey-color-light; + min-height: $spacing-unit * 1.865; + // Positioning context for the mobile navigation icon + position: relative; + background-color: $background-color; +} + +video#demo{ + position: fixed; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + -ms-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + /*background: url(polina.jpg) no-repeat;*/ + background-size: cover; +} +.site-title { + @include relative-font-size(1.625); + font-weight: 600; + line-height: $base-line-height * $base-font-size * 2.25; + letter-spacing: -1px; + margin-bottom: 0; + float: left; + margin-left: 25px; + text-transform: uppercase; + + &,&:visited { + color: $grey-color-dark; + } + + .site-subtitle { + font-weight: 300; + text-transform: lowercase; + font-variant: small-caps; + } +} + + +.site-nav { + float: right; + line-height: $base-line-height * $base-font-size * 2.25; + + .nav-trigger { + display: none; + } + + .menu-icon { + display: none; + } + + .trigger{ + display: inline; + } + + .page-link { + color: $text-color; + line-height: $base-line-height; + display: inline; + border: none; + // Gaps between nav items, but not on the last one + &:not(:last-child) { + margin-right: 20px; + } + } + + @include media-query($on-palm) { + position: absolute; + top: 9px; + right: $spacing-unit / 2; + background-color: $background-color; + // border: 1px solid $grey-color-light; + border-radius: 5px; + text-align: right; + + label[for="nav-trigger"] { + display: block; + float: right; + width: 36px; + height: 36px; + z-index: 2; + cursor: pointer; + } + + .menu-icon { + display: block; + float: right; + width: 36px; + height: 26px; + line-height: 0; + padding-top: 10px; + text-align: center; + + > svg { + fill: $grey-color-dark; + } + } + + input ~ .trigger { + clear: both; + display: none; + } + + input:checked ~ .trigger { + display: block; + padding-bottom: 5px; + } + + .page-link { + display: block; + padding: 5px 10px; + + &:not(:last-child) { + margin-right: 0; + } + margin-left: 20px; + } + } +} + + + +/** + * Site footer + */ +.site-footer { + border-top: 1px solid $grey-color-light; + padding: calc(#{$spacing-unit}/2) 0; + background-color: $background-color; + +} + +.footer-heading { + @include relative-font-size(1.125); + margin-bottom: $spacing-unit / 2; +} + +.contact-list, +.social-media-list { + list-style: none; + margin-left: 0; +} + +.footer-col-wrapper { + @include relative-font-size(0.9375); + color: $grey-color; + margin-left: -$spacing-unit / 2; + @extend %clearfix; +} + +.footer-col { + float: left; + margin-bottom: $spacing-unit / 2; + padding-left: $spacing-unit / 2; +} + +.footer-col-1 { + width: -webkit-calc(35% - (#{$spacing-unit} / 2)); + width: calc(35% - (#{$spacing-unit} / 2)); +} + +.footer-col-2 { + width: -webkit-calc(20% - (#{$spacing-unit} / 2)); + width: calc(20% - (#{$spacing-unit} / 2)); +} + +.footer-col-3 { + width: -webkit-calc(45% - (#{$spacing-unit} / 2)); + width: calc(45% - (#{$spacing-unit} / 2)); +} + +@include media-query($on-laptop) { + .footer-col-1, + .footer-col-2 { + width: -webkit-calc(50% - (#{$spacing-unit} / 2)); + width: calc(50% - (#{$spacing-unit} / 2)); + } + + .footer-col-3 { + width: -webkit-calc(100% - (#{$spacing-unit} / 2)); + width: calc(100% - (#{$spacing-unit} / 2)); + } +} + +@include media-query($on-palm) { + .footer-col { + float: none; + width: -webkit-calc(100% - (#{$spacing-unit} / 2)); + width: calc(100% - (#{$spacing-unit} / 2)); + } +} + + + +/** + * Page content + */ +.page-content { + padding: $spacing-unit 0; + flex: 1; +} + +.page-heading { + @include relative-font-size(2); +} + +.post-list-heading { + @include relative-font-size(1.75); +} + +.post-list { + margin-left: 0; + list-style: none; + + > li { + margin-bottom: $spacing-unit; + } +} + +.post-meta { + font-size: $small-font-size; + color: $grey-color; +} + +.post-link { + display: block; + @include relative-font-size(1.5); +} + + + +/** + * Posts + */ +.post-header { + margin-bottom: $spacing-unit; +} + +.post-title { + @include relative-font-size(2.625); + letter-spacing: -1px; + line-height: 1; + + @include media-query($on-laptop) { + @include relative-font-size(2.25); + } +} + +.post-content { + margin-bottom: $spacing-unit; + + h2 { + @include relative-font-size(2); + + @include media-query($on-laptop) { + @include relative-font-size(1.75); + } + } + + h3 { + @include relative-font-size(1.625); + + @include media-query($on-laptop) { + @include relative-font-size(1.375); + } + } + + h4 { + @include relative-font-size(1.25); + + @include media-query($on-laptop) { + @include relative-font-size(1.125); + } + } + + img{ + margin :25px 0px; + } +} + +#contact-screen{ + position:fixed; + background-color: white; + top: 0px; + left:0px; + width: 100vw; + height: 100vh; + display: none; + font-size: 26px; + line-height: 200%; + font-weight: 600; + span{ + position:fixed; + top:10px; + right: 10px; + z-index: 200; + cursor: pointer; + img{ + width: 24px; + height:24px; + } + } + &.shown{ + z-index: 100; + display : flex; + justify-content: center; + align-items: center; + } +} diff --git a/_sass/_typography.scss b/_sass/_typography.scss new file mode 100644 index 0000000..7084dd1 --- /dev/null +++ b/_sass/_typography.scss @@ -0,0 +1,23 @@ +// // This is a partial. +// // It lies in /_sass, just waiting to be imported. +// // It does not contain the YAML front matter and has no corresponding output file in the built site. +// +// body { +// font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; +// font-size: 18px; +// line-height: 1.5; +// color: #24292e; +// background-color: #fff; +// } +// +// a { +// color: #0366d6; +// } +// +// code, +// pre { +// font-family: Menlo, Consolas, "Consolas for Powerline", "Courier New", Courier, monospace; +// background-color: #2b2b2b; +// color: #fff; +// padding: 0.25em +// } diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..db62536 --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,56 @@ +--- +# this ensures Jekyll reads the file to be transformed into CSS later +# only Main files contain this front matter, not partials. +--- +@import 'bootstrap/scss/bootstrap'; +@charset "utf-8"; + +// Define defaults for each variable. + +$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$base-font-size: 16px !default; +$base-font-weight: 400 !default; +$small-font-size: $base-font-size * 0.875 !default; +$base-line-height: 1.5 !default; + +$spacing-unit: 30px !default; + +$text-color: #111 !default; +$background-color: #fdfdfd !default; +$brand-color: #2a7ae2 !default; + +$grey-color: #828282 !default; +$grey-color-light: lighten($grey-color, 40%) !default; +$grey-color-dark: darken($grey-color, 25%) !default; + +$table-text-align: left !default; + +// Width of the content area +$content-width: 80vw !default; + +$on-palm: 600px !default; +$on-laptop: 800px !default; + +// Use media queries like this: +// @include media-query($on-palm) { +// .wrapper { +// padding-right: $spacing-unit / 2; +// padding-left: $spacing-unit / 2; +// } +// } +@mixin media-query($device) { + @media screen and (max-width: $device) { + @content; + } +} + +@mixin relative-font-size($ratio) { + font-size: $base-font-size * $ratio; +} + +// Import partials. +@import + "base", + "layout" + // "minima/syntax-highlighting" +; diff --git a/assets/demoreel2020.webm b/assets/demoreel2020.webm new file mode 100644 index 0000000..f49c12e Binary files /dev/null and b/assets/demoreel2020.webm differ diff --git a/assets/images/Clothes/lorem.jpg b/assets/images/Clothes/lorem.jpg new file mode 100644 index 0000000..cd4fc7f Binary files /dev/null and b/assets/images/Clothes/lorem.jpg differ diff --git a/assets/images/Clothes/lorem2.jpg b/assets/images/Clothes/lorem2.jpg new file mode 100644 index 0000000..37cbe39 Binary files /dev/null and b/assets/images/Clothes/lorem2.jpg differ diff --git a/assets/images/Luxery/Dolphin/Dolphin_homepage.png b/assets/images/Luxery/Dolphin/Dolphin_homepage.png new file mode 100644 index 0000000..3e7fa86 Binary files /dev/null and b/assets/images/Luxery/Dolphin/Dolphin_homepage.png differ diff --git a/assets/images/Luxery/Dolphin/pers_hd.jpg b/assets/images/Luxery/Dolphin/pers_hd.jpg new file mode 100644 index 0000000..200e641 Binary files /dev/null and b/assets/images/Luxery/Dolphin/pers_hd.jpg differ diff --git a/assets/images/Luxery/Dolphin/pers_zoom01.jpg b/assets/images/Luxery/Dolphin/pers_zoom01.jpg new file mode 100644 index 0000000..f914564 Binary files /dev/null and b/assets/images/Luxery/Dolphin/pers_zoom01.jpg differ diff --git a/assets/images/Luxery/Dolphin/pers_zoom02.jpg b/assets/images/Luxery/Dolphin/pers_zoom02.jpg new file mode 100644 index 0000000..dffb264 Binary files /dev/null and b/assets/images/Luxery/Dolphin/pers_zoom02.jpg differ diff --git a/assets/images/Luxery/Ricochet/Ricochet_homepage.png b/assets/images/Luxery/Ricochet/Ricochet_homepage.png new file mode 100644 index 0000000..9d58925 Binary files /dev/null and b/assets/images/Luxery/Ricochet/Ricochet_homepage.png differ diff --git a/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg b/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg new file mode 100644 index 0000000..8cff88f Binary files /dev/null and b/assets/images/Luxery/Ricochet/Table_Ricochet_fd_blanc_close_up.jpg differ diff --git a/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg b/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg new file mode 100644 index 0000000..f0bd00e Binary files /dev/null and b/assets/images/Luxery/Ricochet/Table_Ricochet_pers01.jpg differ diff --git a/assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg b/assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg new file mode 100644 index 0000000..42cd353 Binary files /dev/null and b/assets/images/Luxery/Ricochet/table_Ricochet_pers02.jpg differ diff --git a/assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg b/assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg new file mode 100644 index 0000000..ab73575 Binary files /dev/null and b/assets/images/Luxery/The_Balvenie/The_Balvenie_Zoom.jpg differ diff --git a/assets/images/Luxery/The_Balvenie/the_balvenie.jpg b/assets/images/Luxery/The_Balvenie/the_balvenie.jpg new file mode 100644 index 0000000..d60790b Binary files /dev/null and b/assets/images/Luxery/The_Balvenie/the_balvenie.jpg differ diff --git a/assets/images/artstation-32.png b/assets/images/artstation-32.png new file mode 100644 index 0000000..9c7cb38 Binary files /dev/null and b/assets/images/artstation-32.png differ diff --git a/assets/images/favicon.ico b/assets/images/favicon.ico new file mode 100644 index 0000000..ecd5174 Binary files /dev/null and b/assets/images/favicon.ico differ diff --git a/assets/images/linkedin-24.png b/assets/images/linkedin-24.png new file mode 100644 index 0000000..05e1f5b Binary files /dev/null and b/assets/images/linkedin-24.png differ diff --git a/assets/images/times-solid.svg b/assets/images/times-solid.svg new file mode 100644 index 0000000..8144622 --- /dev/null +++ b/assets/images/times-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.markdown b/index.markdown new file mode 100644 index 0000000..0405560 --- /dev/null +++ b/index.markdown @@ -0,0 +1,8 @@ +--- +# Feel free to add content and custom Front Matter to this file. +# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults + +layout: home +pagination: + enabled: true +--- diff --git a/package.json b/package.json new file mode 100644 index 0000000..b424891 --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "dependencies": { + "bootstrap": "^4.4.1" + } +} diff --git a/yarn.lock b/yarn.lock new file mode 100644 index 0000000..8c685f4 --- /dev/null +++ b/yarn.lock @@ -0,0 +1,8 @@ +# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. +# yarn lockfile v1 + + +bootstrap@^4.4.1: + version "4.5.3" + resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.5.3.tgz#c6a72b355aaf323920be800246a6e4ef30997fe6" + integrity sha512-o9ppKQioXGqhw8Z7mah6KdTYpNQY//tipnkxppWhPbiSWdD+1raYsnhwEZjkTHYbGee4cVQ0Rx65EhOY/HNLcQ==