From 4c2b2915081e70523905fb4f935ed483f3d887b0 Mon Sep 17 00:00:00 2001 From: Pierre Jacquier Date: Fri, 17 Feb 2017 11:04:29 +0100 Subject: [PATCH] Moved liribird svg to a webfont, so that its color matches the nav text color, so that we can use any md color, even the ones that require black text on it (like yellow or green). Some cleanup --- _layouts/base.html | 1 + _layouts/centered.html | 24 ++---------------------- _layouts/default.html | 24 ++---------------------- _layouts/onecolumn.html | 24 ++---------------------- blog.html | 16 ---------------- css/font-liri.css | 30 ++++++++++++++++++++++++++++++ css/main.scss | 39 +++++++++++++++++++++++++++++++++++++++ fonts/liri/liri.eot | Bin 0 -> 1212 bytes fonts/liri/liri.svg | 11 +++++++++++ fonts/liri/liri.ttf | Bin 0 -> 1060 bytes fonts/liri/liri.woff | Bin 0 -> 1136 bytes screenshots.html | 2 +- 12 files changed, 88 insertions(+), 83 deletions(-) create mode 100755 css/font-liri.css create mode 100755 fonts/liri/liri.eot create mode 100755 fonts/liri/liri.svg create mode 100755 fonts/liri/liri.ttf create mode 100755 fonts/liri/liri.woff diff --git a/_layouts/base.html b/_layouts/base.html index f2de784..82fd8aa 100644 --- a/_layouts/base.html +++ b/_layouts/base.html @@ -19,6 +19,7 @@ + diff --git a/_layouts/centered.html b/_layouts/centered.html index e8a6feb..adae7a7 100644 --- a/_layouts/centered.html +++ b/_layouts/centered.html @@ -27,34 +27,14 @@ margin: 20px auto; flex-shrink: 0; } - - .liri-bird { - width: 32px; - height: 32px; - opacity: 1; - margin: 0 24px; - } - - @media screen and (min-width: 1024px) { - .mdl-layout__drawer-button { - /* Hide the Hamburger button but will leave an unused space */ - display: none; - } - .mdl-layout__header-row { - /* so important to make sure the Hamburger button didn't leave an unused space */ - padding-left: 24px !important; - } - }
- - - - Liri + + Liri
diff --git a/_layouts/default.html b/_layouts/default.html index f8df60a..17f5c75 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -14,34 +14,14 @@ your background is light. */ color: white; } - - .liri-bird { - width: 32px; - height: 32px; - opacity: 1; - margin: 0 24px; - } - - @media screen and (min-width: 1024px) { - .mdl-layout__drawer-button { - /* Hide the Hamburger button but will leave an unused space */ - display: none; - } - .mdl-layout__header-row { - /* so important to make sure the Hamburger button didn't leave an unused space */ - padding-left: 24px !important; - } - }
- - - - Liri + + Liri
diff --git a/_layouts/onecolumn.html b/_layouts/onecolumn.html index 2f06289..e467d4b 100644 --- a/_layouts/onecolumn.html +++ b/_layouts/onecolumn.html @@ -2,27 +2,9 @@ layout: base --- @@ -30,10 +12,8 @@
- - - - Liri + + Liri
diff --git a/blog.html b/blog.html index 4a44d6f..cfe2176 100644 --- a/blog.html +++ b/blog.html @@ -24,22 +24,6 @@ .right { text-align: right; } - - .no-padding-top { - padding-top: 0; - } - - .no-padding-bottom { - padding-bottom: 0; - } - - .primary-text { - color: rgba(0, 0, 0, 0.87); - } - - .secondary-text { - color: rgba(0, 0, 0, 0.54); - } {% for post in site.posts %} diff --git a/css/font-liri.css b/css/font-liri.css new file mode 100755 index 0000000..234860c --- /dev/null +++ b/css/font-liri.css @@ -0,0 +1,30 @@ +@font-face { + font-family: 'liri'; + src: url('../fonts/liri/liri.eot?eue1d8'); + src: url('../fonts/liri/liri.eot?eue1d8#iefix') format('embedded-opentype'), + url('../fonts/liri/liri.ttf?eue1d8') format('truetype'), + url('../fonts/liri/liri.woff?eue1d8') format('woff'), + url('../fonts/liri/liri.svg?eue1d8#liri') format('svg'); + font-weight: normal; + font-style: normal; +} + +i.icon-liri { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'liri' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-liri:before { + content: "\e900"; +} + diff --git a/css/main.scss b/css/main.scss index 7fc6214..5bb3285 100644 --- a/css/main.scss +++ b/css/main.scss @@ -40,3 +40,42 @@ .liri-content h3 { margin-top: 48px; } + +.liri-bird { + font-size: 24px; + opacity: 1; + margin: 0 24px; +} + +.pointer { + cursor: pointer; +} + + +.no-padding-top { + padding-top: 0; +} + +.no-padding-bottom { + padding-bottom: 0; +} + +.primary-text { + color: rgba(0, 0, 0, 0.87); +} + +.secondary-text { + color: rgba(0, 0, 0, 0.54); +} + + +@media screen and (min-width: 1024px) { + .mdl-layout__drawer-button { + /* Hide the Hamburger button but will leave an unused space */ + display: none; + } + .mdl-layout__header-row { + /* so important to make sure the Hamburger button didn't leave an unused space */ + padding-left: 24px !important; + } +} \ No newline at end of file diff --git a/fonts/liri/liri.eot b/fonts/liri/liri.eot new file mode 100755 index 0000000000000000000000000000000000000000..472277ec9e87a9dca9806205138a559304cfd048 GIT binary patch literal 1212 zcmah}O-vI(7=5!p{1l{$geImjOH!qYT0uo6Ad(m{7>EQ7F&vO>yOhRuw`ofPxAw%v z1UwmU-b_p|(K81)d4Y@J;N25)kc$@+THow$!`7HMo0)mpGpHIUeDyV;@J(@hnL_&m{So;nd2BgfUhSw7L0RO`lXFrg;+Q8dlXvFL)dE`4LtY^_ zY%_1!kAMCkf5$zN1*cTzIoUM1z5!L;6`Rm$f2-_K+3;p@gqxyW`URTcv76gCa0qp$ zzJqacauFzn>VYjR}>oVQV%hm3LgRE5cQLK-HmEsQU4y%7#CbuK+r23 z(0C#447)C;e*e|#`+8N~$2lH)DAKQog*bmnv=a3RRXf<)s{Nk4a`ODRwxA5f`p(qe zi#N)8ud*NQ`5gZ=C0^F5i?z%B^RW+NSKN2c!o9~f;v+A@qrcE0(+eEzl}=7)e@A(N z8dsPxZvLQGr60%BH;@7)ZzYe&Fwc`9#P56&6K;f#Za=cIvKQcuUHIr*1+(7xN(yhv zLtj^^U-Pj>Jnv(jH@nlvE!2m79Kr=G$?u}IQ)#2c!wL&&%Ev18K_6?x3qICaS`i<& zP`~Hn5N@H8%NDbZvYfMurL1EcgNcEE*J98)h-a$f ya?O}bIn$0~CzwxJ>}44I8CXQ}7hsZGNK;E + + +Generated by IcoMoon + + + + + + + \ No newline at end of file diff --git a/fonts/liri/liri.ttf b/fonts/liri/liri.ttf new file mode 100755 index 0000000000000000000000000000000000000000..c3d28be9bd97eab24769a9244b67e8c8af4d8d5c GIT binary patch literal 1060 zcmah|KWGzC9RA+@>7TSFT1x{Gm+AW#7 z2-Qj4+ytS5&JOM5(k{}$-Klo4i;IxN@9tj6b@CnWz3=;e|K9!H9Rz>@)S)8zF=9>h><_bo7FP+)8y{nmoILtd^@iHAYUhcwQ8BU@YLlufTEG# zT&2+eKz~F&O+L0-s;v(+h@fP+3>TfOi8vO?Yvh9^bG?jS43pQ%4cjbP_T%5b$ltTZ za@ncYcuo$@&2K7=PJ0J4DkqI@FFM2U zfLqO-G1~lH^}J%xaGQDveNgxa7>8&#+ifqZgGKviRAXE)uYjOeB%mq4ttro?>-S%+ zy{|XaeVpN;C!^zfM2NE&L@&{(P_={Y?bhGarRMYF){-(gHhQY{LA+HqN0j~8@R#`K zIq|a9$h0nwFOGc_yW+lg7S_JE6~FT$GW`bwZhL`)y=t?&%Zj{rzOO$R)16TZ`oGG ztXVl@dBaF$oq5Nx6YQs3pvDq;M%!LlliWg%+A=n{rjVuAJg4iMU`M@wD%kRq_#gYO Bn@a!y literal 0 HcmV?d00001 diff --git a/fonts/liri/liri.woff b/fonts/liri/liri.woff new file mode 100755 index 0000000000000000000000000000000000000000..2c072318db012d66584e23b529f0aa874362c655 GIT binary patch literal 1136 zcmah|%}Z2K96k4a_%WJeCJw|9Pnc4uCatWbFCj7vMX``@VLr#_%+SnxGBc9yoRuvC zYZd(kL1a+t779Td-Gqzwt;`@dZ31UH_r7aRoB9ps-t#-ZulMe|^LTV{5CSx79!+Xb zgudi|+vvS>=K;|`by_0YX78r*?mV>&{reKJiO(x(w`_9=j68_yE-{ym2iSH}thIuBLX>N#Tu$lW(byy8|v5O0$k?~p+ zt+k%y1HcZ<_3AnXOoECa4$M(RO(BajCV8Bz%!wMq?txTt=O zS-L_6xCjVlMOBwjGl0weYV_g!|7z7OyKHXZC>!?0y6mVB$4-iRvQA-I+iPo;Uqh$& zAM918jJ`zYk;*Ia!dU4rw&LyYyWb6qN0st)<|g%C z%`NgN&24lbrgzYS!5zD!3A&VTcC?GrG6^hxwcY2dOn1DyA$Up!e4jU)YQ=44N z$G!AI&Mjb^MQJRspNm3m!eHQ+oV4eA1-InQIx|boP%0P+0zb*~lmki}k!H28#=7)9 Y%u<`d64xQ5m^DJk+$2v_-t2$aZ%MSFF#rGn literal 0 HcmV?d00001 diff --git a/screenshots.html b/screenshots.html index 419f156..8e5950b 100644 --- a/screenshots.html +++ b/screenshots.html @@ -2,7 +2,7 @@ layout: centered title: Screenshots permalink: /screenshots/ -theme: indigo-light_blue +theme: yellow-light_blue navitem: nav-screenshots ---