Compare commits

...

3 Commits

Author SHA1 Message Date
Bruno Carrión fc255faf1f Add PostCSS processor; 6 months ago
Bruno Carrión 7b6bdb52c2 Merge branch 'dev-lucas' into develop 6 months ago
Bruno Carrión ff31cd5b45 Speed up landing animation; 6 months ago
  1. 7
      .browserslistrc
  2. 1
      .gitignore
  3. 2
      Gemfile
  4. 2
      Gemfile.lock
  5. 1
      _config.yml
  6. 7
      assets/css/components/header.scss
  7. 5
      assets/css/pages/home.scss
  8. 4
      assets/css/pages/projects.scss
  9. 14
      assets/js/pages/home.js
  10. 1064
      package-lock.json
  11. 9
      postcss.config.js

@ -0,0 +1,7 @@
defaults
maintained node versions
not ie < 11
last 2 versions
> 1%
iOS 7
last 3 iOS versions

1
.gitignore vendored

@ -4,4 +4,5 @@ _site/
.jekyll-cache/
.jekyll-metadata
dist.zip
node_modules/

@ -6,10 +6,12 @@ git_source(:github) { |repo_name| "https://github.com/#{repo_name}" }
gem "jekyll"
gem "webrick"
gem 'jekyll-postcss'
group :jekyll_plugins do
gem 'jekyll-sitemap'
gem 'jekyll-feed'
gem 'jekyll-seo-tag'
gem 'jekyll-paginate'
# gem 'jekyll-postcss'
end

@ -32,6 +32,7 @@ GEM
jekyll-feed (0.16.0)
jekyll (>= 3.7, < 5.0)
jekyll-paginate (1.1.0)
jekyll-postcss (0.5.0)
jekyll-sass-converter (2.1.0)
sassc (> 2.0.1, < 3.0)
jekyll-seo-tag (2.7.1)
@ -72,6 +73,7 @@ DEPENDENCIES
jekyll
jekyll-feed
jekyll-paginate
jekyll-postcss
jekyll-seo-tag
jekyll-sitemap
webrick

@ -39,6 +39,7 @@ plugins:
- jekyll-sitemap
- jekyll-seo-tag
- jekyll-paginate
- jekyll-postcss
sass:
sourcemap: never

@ -17,11 +17,11 @@ header {
.navbar {
background-color: transparent;
padding: 0 #{$site-paddings};
padding: 0 $site-paddings;
@media screen and (max-width: 1024px) {
.navbar-menu {
width: calc(100% + 20vw);
width: calc(100% + 20vw);
margin-left: -10vw;
.navbar-item {
@ -36,8 +36,7 @@ header {
font-weight: bold;
text-decoration: none !important;
width: 90px;
@include m-background-image('/assets/images/logo-codec.png');
@include m-background-image("/assets/images/logo-codec.png");
}
.navbar-item.is-active,

@ -99,7 +99,6 @@
display: flex;
flex-direction: column;
background-color: #43437a;
// background-color: $deep-cove;
padding: 0 $site-paddings;
margin: 0 calc(#{$site-paddings} * -1);
border-bottom: 10px solid $orange-peel;
@ -126,6 +125,7 @@
width: 0px;
&.highlight {
background-color: $orange-peel;
color: $orange-peel;
}
}
@ -147,6 +147,7 @@
color: $orange-peel;
.cursor {
background-color: $orange-peel;
margin: .05em;
border-width: 2px;
}
@ -455,7 +456,7 @@
.scroll-span {
width: 100%;
margin-top: -#{$header-height};
margin-top: calc(#{$header-height} * -1);
background: transparent;
}

@ -1,8 +1,8 @@
---
---
@import 'reset';
@import 'breakpoints';
@import "reset";
@import "breakpoints";
main.archive {
padding: $header-height $site-paddings 175px;

@ -22,32 +22,28 @@ document.addEventListener("DOMContentLoaded", function() {
['<h1 class="title is-1"><span class="cursor"></span></h1>', 0],
['<h1 class="title is-1"></h1>', 600],
['<h1 class="title is-1"><span class="cursor"></span></h1>', 600],
['<h1 class="title is-1"></h1>', 600],
['<h1 class="title is-1"><span class="cursor"></span></h1>', 600],
['<h1 class="title is-1">C<span class="cursor"></span></h1>', 300],
['<h1 class="title is-1">Cò<span class="cursor"></span></h1>', 200],
['<h1 class="title is-1">Còd<span class="cursor"></span></h1>', 200],
['<h1 class="title is-1">Còde<span class="cursor"></span></h1>', 200],
['<h1 class="title is-1">Còdec<span class="cursor"></span></h1>', 200],
['<h1 class="title is-1">Còdec</h1>', 600],
['<h1 class="title is-1">Còdec<span class="cursor"></span></h1>', 600],
['<h1 class="title is-1">Còdec</h1>', 600],
['<h1 class="title is-1">Còdec</h1>', 300],
['<h1 class="title is-1">Còdec<span class="cursor highlight"></span></h1>', 600],
['<h1 class="title is-1">Còde<span class="cursor highlight"></span><span class="bytes">11</span></h1>', 600],
['<h1 class="title is-1">Còde<span class="cursor highlight"></span><span class="bytes">11</span></h1>', 300],
['<h1 class="title is-1">Còd<span class="cursor highlight"></span><span class="bytes">0111</span></h1>', 200],
['<h1 class="title is-1">Cò<span class="cursor highlight"></span><span class="bytes">100111</span></h1>', 200],
['<h1 class="title is-1">C<span class="cursor highlight"></span><span class="bytes">10100111</span></h1>', 200],
['<h1 class="title is-1"><span class="cursor highlight"></span><span class="bytes">1100100111</span></h1>', 200],
['<h1 class="title is-1"><span class="bytes">1100100111</span></h1>', 600],
['<h1 class="title is-1"><span class="bytes">1100100111</span></h1>', 300],
['<h1 class="title is-1"><span class="cursor"></span><span class="bytes">1100100111</span></h1>', 600],
['<h1 class="title is-1">C<span class="cursor"></span><span class="bytes">00100111</span></h1>', 200],
['<h1 class="title is-1">C<span class="cursor"></span><span class="bytes">00100111</span></h1>', 300],
['<h1 class="title is-1">Cò<span class="cursor"></span><span class="bytes">100111</span></h1>', 200],
['<h1 class="title is-1">Còd<span class="cursor"></span><span class="bytes">0111</span></h1>', 200],
['<h1 class="title is-1">Còde<span class="cursor"></span><span class="bytes">11</span></h1>', 200],
['<h1 class="title is-1">Còdec<span class="cursor"></span></h1>', 200],
['<h1 class="title is-1">Còdec</h1>', 200],
['<h1 class="title is-1">Còdec<span class="cursor"></span></h1>', 600],
['<h1 class="title is-1">Còde<span class="cursor"></span>c</h1>', 200],
['<h1 class="title is-1">Còde<span class="cursor"></span>c</h1>', 300],
['<h1 class="title is-1">Còd<span class="cursor"></span>ec</h1>', 200],
['<h1 class="title is-1">Cò<span class="cursor"></span>dec</h1>', 200],
['<h1 class="title is-1">Còdec</h1>', 200],

1064
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -0,0 +1,9 @@
module.exports = {
parser: "postcss-scss",
plugins: [
require("autoprefixer"),
...(process.env.JEKYLL_ENV == "production"
? [require("cssnano")({ preset: "default" })]
: [])
]
}
Loading…
Cancel
Save