layout: grid without framework

* NEW uses SCSS.
* NEW removes ROCSSTI.
* NEW uses vanilla CSS grid and flex-box.
* NEW removes font-awesome.css.
* NEW updates font awesome.
* NEW removes unused font files.
* NEW removes unused pelican files.
* NEW adds an editorconfig file.

Signed-off-by: iGor milhit <igor@milhit.ch>
web-fediverse-moi 1.1.0
iGor milhit 2019-03-01 08:48:57 +01:00
parent cfa9464b76
commit fd57fb6fc2
Signed by: igor
GPG Key ID: 692D97C3D0228A99
41 changed files with 10113 additions and 8512 deletions

13
.editorconfig 100644
View File

@ -0,0 +1,13 @@
root = true
[*]
indent_style = space
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
charset = utf-8
# CSS, HTML
[*.{scss,css,html}]
indent_size = 2

3
.gitignore vendored
View File

@ -4,3 +4,6 @@ edition/
__pycache__
output
*.pid
#Pipenv
Pipfile*

View File

@ -1,7 +1,3 @@
/*!
* Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,
.fas,
.far,
@ -148,7 +144,7 @@
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.fa-flip-horizontal.fa-flip-vertical {
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1); }
@ -157,7 +153,8 @@
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none; }
@ -214,6 +211,9 @@ readers do not read off random characters that represent icons */
.fa-adn:before {
content: "\f170"; }
.fa-adobe:before {
content: "\f778"; }
.fa-adversal:before {
content: "\f36a"; }
@ -373,6 +373,9 @@ readers do not read off random characters that represent icons */
.fa-arrows-alt-v:before {
content: "\f338"; }
.fa-artstation:before {
content: "\f77a"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
@ -388,6 +391,9 @@ readers do not read off random characters that represent icons */
.fa-atlas:before {
content: "\f558"; }
.fa-atlassian:before {
content: "\f77b"; }
.fa-atom:before {
content: "\f5d2"; }
@ -412,12 +418,21 @@ readers do not read off random characters that represent icons */
.fa-aws:before {
content: "\f375"; }
.fa-baby:before {
content: "\f77c"; }
.fa-baby-carriage:before {
content: "\f77d"; }
.fa-backspace:before {
content: "\f55a"; }
.fa-backward:before {
content: "\f04a"; }
.fa-bacon:before {
content: "\f7e5"; }
.fa-balance-scale:before {
content: "\f24e"; }
@ -493,6 +508,9 @@ readers do not read off random characters that represent icons */
.fa-binoculars:before {
content: "\f1e5"; }
.fa-biohazard:before {
content: "\f780"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
@ -520,6 +538,9 @@ readers do not read off random characters that represent icons */
.fa-blind:before {
content: "\f29d"; }
.fa-blog:before {
content: "\f781"; }
.fa-blogger:before {
content: "\f37c"; }
@ -553,6 +574,9 @@ readers do not read off random characters that represent icons */
.fa-book-dead:before {
content: "\f6b7"; }
.fa-book-medical:before {
content: "\f7e6"; }
.fa-book-open:before {
content: "\f518"; }
@ -580,6 +604,9 @@ readers do not read off random characters that represent icons */
.fa-brain:before {
content: "\f5dc"; }
.fa-bread-slice:before {
content: "\f7ec"; }
.fa-briefcase:before {
content: "\f0b1"; }
@ -640,6 +667,9 @@ readers do not read off random characters that represent icons */
.fa-calendar-check:before {
content: "\f274"; }
.fa-calendar-day:before {
content: "\f783"; }
.fa-calendar-minus:before {
content: "\f272"; }
@ -649,6 +679,9 @@ readers do not read off random characters that represent icons */
.fa-calendar-times:before {
content: "\f273"; }
.fa-calendar-week:before {
content: "\f784"; }
.fa-camera:before {
content: "\f030"; }
@ -658,6 +691,12 @@ readers do not read off random characters that represent icons */
.fa-campground:before {
content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
content: "\f785"; }
.fa-candy-cane:before {
content: "\f786"; }
.fa-cannabis:before {
content: "\f55f"; }
@ -703,12 +742,18 @@ readers do not read off random characters that represent icons */
.fa-caret-up:before {
content: "\f0d8"; }
.fa-carrot:before {
content: "\f787"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cash-register:before {
content: "\f788"; }
.fa-cat:before {
content: "\f6be"; }
@ -745,6 +790,9 @@ readers do not read off random characters that represent icons */
.fa-centercode:before {
content: "\f380"; }
.fa-centos:before {
content: "\f789"; }
.fa-certificate:before {
content: "\f0a3"; }
@ -784,6 +832,9 @@ readers do not read off random characters that represent icons */
.fa-check-square:before {
content: "\f14a"; }
.fa-cheese:before {
content: "\f7ef"; }
.fa-chess:before {
content: "\f439"; }
@ -850,6 +901,9 @@ readers do not read off random characters that represent icons */
.fa-city:before {
content: "\f64f"; }
.fa-clinic-medical:before {
content: "\f7f2"; }
.fa-clipboard:before {
content: "\f328"; }
@ -949,6 +1003,9 @@ readers do not read off random characters that represent icons */
.fa-comment-dots:before {
content: "\f4ad"; }
.fa-comment-medical:before {
content: "\f7f5"; }
.fa-comment-slash:before {
content: "\f4b3"; }
@ -967,9 +1024,15 @@ readers do not read off random characters that represent icons */
.fa-compress:before {
content: "\f066"; }
.fa-compress-arrows-alt:before {
content: "\f78c"; }
.fa-concierge-bell:before {
content: "\f562"; }
.fa-confluence:before {
content: "\f78d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
@ -1060,6 +1123,9 @@ readers do not read off random characters that represent icons */
.fa-crown:before {
content: "\f521"; }
.fa-crutch:before {
content: "\f7f7"; }
.fa-css3:before {
content: "\f13c"; }
@ -1117,9 +1183,15 @@ readers do not read off random characters that represent icons */
.fa-dharmachakra:before {
content: "\f655"; }
.fa-dhl:before {
content: "\f790"; }
.fa-diagnoses:before {
content: "\f470"; }
.fa-diaspora:before {
content: "\f791"; }
.fa-dice:before {
content: "\f522"; }
@ -1246,6 +1318,12 @@ readers do not read off random characters that represent icons */
.fa-dumbbell:before {
content: "\f44b"; }
.fa-dumpster:before {
content: "\f793"; }
.fa-dumpster-fire:before {
content: "\f794"; }
.fa-dungeon:before {
content: "\f6d9"; }
@ -1264,6 +1342,9 @@ readers do not read off random characters that represent icons */
.fa-edit:before {
content: "\f044"; }
.fa-egg:before {
content: "\f7fb"; }
.fa-eject:before {
content: "\f052"; }
@ -1312,6 +1393,9 @@ readers do not read off random characters that represent icons */
.fa-ethereum:before {
content: "\f42e"; }
.fa-ethernet:before {
content: "\f796"; }
.fa-etsy:before {
content: "\f2d7"; }
@ -1384,12 +1468,21 @@ readers do not read off random characters that represent icons */
.fa-feather-alt:before {
content: "\f56b"; }
.fa-fedex:before {
content: "\f797"; }
.fa-fedora:before {
content: "\f798"; }
.fa-female:before {
content: "\f182"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-figma:before {
content: "\f799"; }
.fa-file:before {
content: "\f15b"; }
@ -1477,6 +1570,9 @@ readers do not read off random characters that represent icons */
.fa-fire:before {
content: "\f06d"; }
.fa-fire-alt:before {
content: "\f7e4"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
@ -1636,6 +1732,9 @@ readers do not read off random characters that represent icons */
.fa-gift:before {
content: "\f06b"; }
.fa-gifts:before {
content: "\f79c"; }
.fa-git:before {
content: "\f1d3"; }
@ -1660,12 +1759,18 @@ readers do not read off random characters that represent icons */
.fa-gitter:before {
content: "\f426"; }
.fa-glass-cheers:before {
content: "\f79f"; }
.fa-glass-martini:before {
content: "\f000"; }
.fa-glass-martini-alt:before {
content: "\f57b"; }
.fa-glass-whiskey:before {
content: "\f7a0"; }
.fa-glasses:before {
content: "\f530"; }
@ -1687,6 +1792,9 @@ readers do not read off random characters that represent icons */
.fa-globe-asia:before {
content: "\f57e"; }
.fa-globe-europe:before {
content: "\f7a2"; }
.fa-gofore:before {
content: "\f3a7"; }
@ -1783,6 +1891,12 @@ readers do not read off random characters that represent icons */
.fa-grip-horizontal:before {
content: "\f58d"; }
.fa-grip-lines:before {
content: "\f7a4"; }
.fa-grip-lines-vertical:before {
content: "\f7a5"; }
.fa-grip-vertical:before {
content: "\f58e"; }
@ -1792,6 +1906,9 @@ readers do not read off random characters that represent icons */
.fa-grunt:before {
content: "\f3ad"; }
.fa-guitar:before {
content: "\f7a6"; }
.fa-gulp:before {
content: "\f3ae"; }
@ -1807,6 +1924,9 @@ readers do not read off random characters that represent icons */
.fa-hackerrank:before {
content: "\f5f7"; }
.fa-hamburger:before {
content: "\f805"; }
.fa-hammer:before {
content: "\f6e3"; }
@ -1825,6 +1945,9 @@ readers do not read off random characters that represent icons */
.fa-hand-lizard:before {
content: "\f258"; }
.fa-hand-middle-finger:before {
content: "\f806"; }
.fa-hand-paper:before {
content: "\f256"; }
@ -1867,6 +1990,9 @@ readers do not read off random characters that represent icons */
.fa-hanukiah:before {
content: "\f6e6"; }
.fa-hard-hat:before {
content: "\f807"; }
.fa-hashtag:before {
content: "\f292"; }
@ -1894,6 +2020,9 @@ readers do not read off random characters that represent icons */
.fa-heart:before {
content: "\f004"; }
.fa-heart-broken:before {
content: "\f7a9"; }
.fa-heartbeat:before {
content: "\f21e"; }
@ -1921,6 +2050,9 @@ readers do not read off random characters that represent icons */
.fa-hockey-puck:before {
content: "\f453"; }
.fa-holly-berry:before {
content: "\f7aa"; }
.fa-home:before {
content: "\f015"; }
@ -1933,6 +2065,9 @@ readers do not read off random characters that represent icons */
.fa-horse:before {
content: "\f6f0"; }
.fa-horse-head:before {
content: "\f7ab"; }
.fa-hospital:before {
content: "\f0f8"; }
@ -1945,6 +2080,9 @@ readers do not read off random characters that represent icons */
.fa-hot-tub:before {
content: "\f593"; }
.fa-hotdog:before {
content: "\f80f"; }
.fa-hotel:before {
content: "\f594"; }
@ -1981,6 +2119,12 @@ readers do not read off random characters that represent icons */
.fa-i-cursor:before {
content: "\f246"; }
.fa-ice-cream:before {
content: "\f810"; }
.fa-icicles:before {
content: "\f7ad"; }
.fa-id-badge:before {
content: "\f2c1"; }
@ -1990,6 +2134,9 @@ readers do not read off random characters that represent icons */
.fa-id-card-alt:before {
content: "\f47f"; }
.fa-igloo:before {
content: "\f7ae"; }
.fa-image:before {
content: "\f03e"; }
@ -2020,9 +2167,15 @@ readers do not read off random characters that represent icons */
.fa-instagram:before {
content: "\f16d"; }
.fa-intercom:before {
content: "\f7af"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-invision:before {
content: "\f7b0"; }
.fa-ioxhost:before {
content: "\f208"; }
@ -2047,6 +2200,9 @@ readers do not read off random characters that represent icons */
.fa-jenkins:before {
content: "\f3b6"; }
.fa-jira:before {
content: "\f7b1"; }
.fa-joget:before {
content: "\f3b7"; }
@ -2122,6 +2278,9 @@ readers do not read off random characters that represent icons */
.fa-laptop-code:before {
content: "\f5fc"; }
.fa-laptop-medical:before {
content: "\f812"; }
.fa-laravel:before {
content: "\f3bd"; }
@ -2347,6 +2506,9 @@ readers do not read off random characters that represent icons */
.fa-memory:before {
content: "\f538"; }
.fa-mendeley:before {
content: "\f7b3"; }
.fa-menorah:before {
content: "\f676"; }
@ -2386,6 +2548,9 @@ readers do not read off random characters that represent icons */
.fa-minus-square:before {
content: "\f146"; }
.fa-mitten:before {
content: "\f7b5"; }
.fa-mix:before {
content: "\f3cb"; }
@ -2446,6 +2611,9 @@ readers do not read off random characters that represent icons */
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-mug-hot:before {
content: "\f7b6"; }
.fa-music:before {
content: "\f001"; }
@ -2539,6 +2707,9 @@ readers do not read off random characters that represent icons */
.fa-pagelines:before {
content: "\f18c"; }
.fa-pager:before {
content: "\f815"; }
.fa-paint-brush:before {
content: "\f1fc"; }
@ -2623,6 +2794,9 @@ readers do not read off random characters that represent icons */
.fa-people-carry:before {
content: "\f4ce"; }
.fa-pepper-hot:before {
content: "\f816"; }
.fa-percent:before {
content: "\f295"; }
@ -2686,6 +2860,9 @@ readers do not read off random characters that represent icons */
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-pizza-slice:before {
content: "\f818"; }
.fa-place-of-worship:before {
content: "\f67f"; }
@ -2815,12 +2992,21 @@ readers do not read off random characters that represent icons */
.fa-r-project:before {
content: "\f4f7"; }
.fa-radiation:before {
content: "\f7b9"; }
.fa-radiation-alt:before {
content: "\f7ba"; }
.fa-rainbow:before {
content: "\f75b"; }
.fa-random:before {
content: "\f074"; }
.fa-raspberry-pi:before {
content: "\f7bb"; }
.fa-ravelry:before {
content: "\f2d9"; }
@ -2854,6 +3040,9 @@ readers do not read off random characters that represent icons */
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-redhat:before {
content: "\f7bc"; }
.fa-redo:before {
content: "\f01e"; }
@ -2884,6 +3073,9 @@ readers do not read off random characters that represent icons */
.fa-resolving:before {
content: "\f3e7"; }
.fa-restroom:before {
content: "\f7bd"; }
.fa-retweet:before {
content: "\f079"; }
@ -2953,6 +3145,12 @@ readers do not read off random characters that represent icons */
.fa-sass:before {
content: "\f41e"; }
.fa-satellite:before {
content: "\f7bf"; }
.fa-satellite-dish:before {
content: "\f7c0"; }
.fa-save:before {
content: "\f0c7"; }
@ -2971,6 +3169,9 @@ readers do not read off random characters that represent icons */
.fa-scroll:before {
content: "\f70e"; }
.fa-sd-card:before {
content: "\f7c2"; }
.fa-search:before {
content: "\f002"; }
@ -3073,6 +3274,9 @@ readers do not read off random characters that represent icons */
.fa-signature:before {
content: "\f5b7"; }
.fa-sim-card:before {
content: "\f7c4"; }
.fa-simplybuilt:before {
content: "\f215"; }
@ -3085,6 +3289,18 @@ readers do not read off random characters that represent icons */
.fa-sith:before {
content: "\f512"; }
.fa-skating:before {
content: "\f7c5"; }
.fa-sketch:before {
content: "\f7c6"; }
.fa-skiing:before {
content: "\f7c9"; }
.fa-skiing-nordic:before {
content: "\f7ca"; }
.fa-skull:before {
content: "\f54c"; }
@ -3106,6 +3322,9 @@ readers do not read off random characters that represent icons */
.fa-slash:before {
content: "\f715"; }
.fa-sleigh:before {
content: "\f7cc"; }
.fa-sliders-h:before {
content: "\f1de"; }
@ -3130,6 +3349,9 @@ readers do not read off random characters that represent icons */
.fa-smoking-ban:before {
content: "\f54d"; }
.fa-sms:before {
content: "\f7cd"; }
.fa-snapchat:before {
content: "\f2ab"; }
@ -3139,9 +3361,18 @@ readers do not read off random characters that represent icons */
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-snowboarding:before {
content: "\f7ce"; }
.fa-snowflake:before {
content: "\f2dc"; }
.fa-snowman:before {
content: "\f7d0"; }
.fa-snowplow:before {
content: "\f7d2"; }
.fa-socks:before {
content: "\f696"; }
@ -3178,6 +3409,9 @@ readers do not read off random characters that represent icons */
.fa-soundcloud:before {
content: "\f1be"; }
.fa-sourcetree:before {
content: "\f7d3"; }
.fa-spa:before {
content: "\f5bb"; }
@ -3340,6 +3574,9 @@ readers do not read off random characters that represent icons */
.fa-surprise:before {
content: "\f5c2"; }
.fa-suse:before {
content: "\f7d6"; }
.fa-swatchbook:before {
content: "\f5c3"; }
@ -3418,6 +3655,9 @@ readers do not read off random characters that represent icons */
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-tenge:before {
content: "\f7d7"; }
.fa-terminal:before {
content: "\f120"; }
@ -3502,12 +3742,18 @@ readers do not read off random characters that represent icons */
.fa-toggle-on:before {
content: "\f205"; }
.fa-toilet:before {
content: "\f7d8"; }
.fa-toilet-paper:before {
content: "\f71e"; }
.fa-toolbox:before {
content: "\f552"; }
.fa-tools:before {
content: "\f7d9"; }
.fa-tooth:before {
content: "\f5c9"; }
@ -3532,6 +3778,9 @@ readers do not read off random characters that represent icons */
.fa-train:before {
content: "\f238"; }
.fa-tram:before {
content: "\f7da"; }
.fa-transgender:before {
content: "\f224"; }
@ -3544,6 +3793,12 @@ readers do not read off random characters that represent icons */
.fa-trash-alt:before {
content: "\f2ed"; }
.fa-trash-restore:before {
content: "\f829"; }
.fa-trash-restore-alt:before {
content: "\f82a"; }
.fa-tree:before {
content: "\f1bb"; }
@ -3601,6 +3856,9 @@ readers do not read off random characters that represent icons */
.fa-uber:before {
content: "\f402"; }
.fa-ubuntu:before {
content: "\f7df"; }
.fa-uikit:before {
content: "\f403"; }
@ -3643,6 +3901,9 @@ readers do not read off random characters that represent icons */
.fa-upload:before {
content: "\f093"; }
.fa-ups:before {
content: "\f7e0"; }
.fa-usb:before {
content: "\f287"; }
@ -3694,6 +3955,9 @@ readers do not read off random characters that represent icons */
.fa-user-ninja:before {
content: "\f504"; }
.fa-user-nurse:before {
content: "\f82f"; }
.fa-user-plus:before {
content: "\f234"; }
@ -3721,6 +3985,9 @@ readers do not read off random characters that represent icons */
.fa-users-cog:before {
content: "\f509"; }
.fa-usps:before {
content: "\f7e1"; }
.fa-ussunnah:before {
content: "\f407"; }
@ -3943,6 +4210,9 @@ readers do not read off random characters that represent icons */
.fa-yandex-international:before {
content: "\f414"; }
.fa-yarn:before {
content: "\f7e3"; }
.fa-yelp:before {
content: "\f1e9"; }
@ -3985,6 +4255,7 @@ readers do not read off random characters that represent icons */
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url("../fonts/fa-brands-400.eot");
src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }
@ -3994,6 +4265,7 @@ readers do not read off random characters that represent icons */
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("../fonts/fa-regular-400.eot");
src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }
@ -4004,6 +4276,7 @@ readers do not read off random characters that represent icons */
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url("../fonts/fa-solid-900.eot");
src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

1
css/all.min.css vendored 100644

File diff suppressed because one or more lines are too long

2199
css/font-awesome.css vendored

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/style.scss","../scss/_variables.scss","../scss/_normalize.scss","../scss/_grid.scss","../scss/_fonts.scss","../scss/_header.scss","../scss/_content.scss","../scss/_footer.scss"],"names":[],"mappings":"AAAA;AAAA;;AAAA;;AAAA;AAAA;ACAA;AAAA;;AAAA;;AAAA;AAAA;AAaA;AAAA;;AAAA;;AAAA;AAAA;AAcA;AAAA;;AAAA;;AAAA;AAAA;AAqBA;AAAA;;AAAA;;AAAA;AAAA;AChDA;AAAA;EAEI;EACA;;;ACHJ;EACE;EASD;EACA;EACA;;AFyBE;EErCH;IAGI;IACA;;;AFoCD;EExCH;IAOG;IACA;;;;AAOH;EACE;EACA;EACA;EAWD;EACA;EACA;;AFME;EEtBH;IAKI;IACA;IACA;;;AFkBD;EEzBH;IAUG;IACA;IACA;;;AAKF;EACC;EACA;;AAEF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EASD;EACA;;AFlBE;EEKH;IAKI;IACA;;;AFRD;EEEH;IASG;IACA;;;AAIF;EACC;;;AAIF;EACE;EACA;;;AF1BC;EE6BH;IAEI;IACA;IACA;;EACA;IACE;;EAEF;IACE;;;;AC3EN;EACI;EACA;EACA;EAKA;EACA;;AAGJ;EACI;EACA;EACA;EAKA;EACA;;ACrBJ;EACE,kBJoBY;EInBZ,OJoBa;;AInBb;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AJ0CJ;EACE;EACA;;AACA;EACE;;AIzCF;EACE;;AAEF;EACE;EACA;;AAEF;EACE,OJNS;EIOT;EACA;EACA;EACA;EACA;;;ACjCN;EACE,OLwBW;;AKvBX;EACE,OLoBkB;;AKlBpB;EACE,OLgBW;;AKdb;EACE,OLYU;;;AKRd;EACE,WLJgB;;AKKhB;EACE;;AACA;EACE;;;AAKN;AAAA;AAAA;AAAA;EAIE;;;AAIA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;ACvCJ;EACE,kBNoBY;EMnBZ,ONoBa;EMnBb;EACA;;AACA;EACE;;ANmDF;EACE;EACA;;AACA;EACE;;AMpDJ;EACE,ONYW;EMXX;;;APOJ;EACE,aCXU;EDYV,WCXe;;;ADcjB;EACE,WCbkB;;;ADgBpB;EACE","file":"style.css"}

1
css/style.min.css vendored 100644
View File

@ -0,0 +1 @@
html,body{margin:0;padding:0}body{display:grid;grid-template-columns:[left-gutter] 1em [content] auto [right-gutter] 1em;grid-template-rows:[header] 30% [body] auto [footer] 30%;grid-column-gap:0}@media(min-width: 70em){body{grid-template-columns:[left-gutter] 1fr [content] 2fr [right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 50em)and (max-width: 70em){body{grid-template-columns:[left-gutter] 1fr [content] 4fr [right-gutter] 1fr;grid-column-gap:1em}}.header{grid-row:header;grid-column:left-gutter/4;display:grid;grid-template-columns:[header-left-gutter] 1em [title] auto [header-right-gutter] 1em;grid-template-rows:[title] auto [menu] auto;grid-column-gap:0}@media(min-width: 70em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;grid-template-rows:[title] auto [menu] auto;grid-column-gap:1em}}@media(min-width: 50em)and (max-width: 70em){.header{grid-template-columns:[header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;grid-template-rows:[title] auto [menu] auto;grid-column-gap:1em}}.header .title{grid-column:title;grid-row:title}.header .menu{grid-row:menu;grid-column:title}.footer{grid-row:footer;grid-column:left-gutter/4;display:grid;grid-template-columns:[footer-left-gutter] 1em [center] auto [footer-right-gutter] 1em;grid-column-gap:0}@media(min-width: 70em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;grid-column-gap:1em}}@media(min-width: 50em)and (max-width: 70em){.footer{grid-template-columns:[footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;grid-column-gap:1em}}.footer ul{grid-column:center}.content{grid-row:body;grid-column:content}@media(min-width: 70em){#contact{display:grid;grid-template-columns:[pers] 1fr [prof] 1fr;grid-column-gap:1em}#contact .perso{grid-column:pers}#contact .prof{grid-column:prof}}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather_light-webfont.eot");src:url("../fonts/merriweather_light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather_light-webfont.woff2") format("woff2"),url("../fonts/merriweather_light-webfont.woff") format("woff"),url("../fonts/merriweather_light-webfont.ttf") format("truetype"),url("../fonts/merriweather_light-webfont.svg#merriweather_lightregular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"merriweatherlight";src:url("../fonts/merriweather-lightitalic-webfont.eot");src:url("../fonts/merriweather-lightitalic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/merriweather-lightitalic-webfont.woff2") format("woff2"),url("../fonts/merriweather-lightitalic-webfont.woff") format("woff"),url("../fonts/merriweather-lightitalic-webfont.ttf") format("truetype"),url("../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic") format("svg");font-weight:normal;font-style:italic}.header{background-color:#67536c;color:#eed7f4}.header .title{display:flex;align-items:center;margin-top:1em;padding-bottom:.5em}.header .title .logo{height:75%;border-radius:50%}.header .title h1{font-weight:200;flex-grow:1;margin-left:1em}.header .menu ul{padding-left:0;list-style:none}.header .menu ul li{display:inline-block}.header .menu ul{margin-top:0}.header .menu li{margin-right:.1em;margin-top:1em}.header .menu a{color:#eed7f4;text-decoration:none;padding:5px;border:1px solid;border-radius:5px;box-shadow:1px 1px 1px #333}.content{color:#333}.content a{color:#bb5fd3}.content a:hover{color:#eed7f4}.content a:visited{color:#67536c}#contact{font-size:1.125rem}#contact ul{padding-left:0}#contact ul li{list-style:none}#personnel,#professionnel,#contact,#online{margin-top:2em}#online section{display:flex;flex-wrap:wrap}#online h2{margin-bottom:0}#online p{margin-right:1em;margin-bottom:0}.footer{background-color:#67536c;color:#eed7f4;font-size:1.125rem;text-align:right;margin-top:2em}.footer ul{margin:2em 0}.footer ul{padding-left:0;list-style:none}.footer ul li{display:inline-block}.footer a{color:#eed7f4;text-decoration:none}body{font-family:"merriweatherlight",serif;font-size:1.25rem;line-height:1.5em}code{font-size:.875rem}.smallcaps{font-variant:small-caps}/*# sourceMappingURL=style.min.css.map */

View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/_normalize.scss","../scss/_grid.scss","../scss/_variables.scss","../scss/_fonts.scss","../scss/_header.scss","../scss/_content.scss","../scss/_footer.scss","../scss/style.scss"],"names":[],"mappings":"AAAA,UAEI,SACA,UCHJ,KACE,aASD,0EACA,yDACA,kBC0BE,wBDtCH,KAGI,yEACA,qBCqCD,6CDzCH,KAOG,yEACA,qBAOH,QACE,gBACA,0BACA,aAWD,sFACA,4CACA,kBCOE,wBDvBH,QAKI,qFACA,4CACA,qBCmBD,6CD1BH,QAUG,qFACA,4CACA,qBAKF,eACC,kBACA,eAEF,cACE,cACA,kBAIF,QACE,gBACA,0BACA,aASD,uFACA,kBCjBE,wBDIH,QAKI,sFACA,qBCPD,6CDCH,QASG,sFACA,qBAIF,WACC,mBAIF,SACE,cACA,oBCzBC,wBD4BH,SAEI,aACA,4CACA,oBACA,gBACE,iBAEF,eACE,kBE3EN,WACI,gCACA,mDACA,+WAKA,mBACA,kBAGJ,WACI,gCACA,yDACA,4YAKA,mBACA,kBCrBJ,QACE,iBFqBY,QEpBZ,MFqBa,QEpBb,eACE,aACA,mBACA,eACA,oBACA,qBACE,WACA,kBAEF,kBACE,gBACA,YACA,gBF2CJ,iBACE,eACA,gBACA,oBACE,qBE1CF,iBACE,aAEF,iBACE,kBACA,eAEF,gBACE,MFLS,QEMT,qBACA,YACA,iBACA,kBACA,4BCjCN,SACE,MHyBW,KGxBX,WACE,MHqBkB,QGnBpB,iBACE,MHiBW,QGfb,mBACE,MHaU,QGTd,SACE,UHJgB,SGKhB,YACE,eACA,eACE,gBAKN,2CAIE,eAIA,gBACE,aACA,eAEF,WACE,gBAEF,UACE,iBACA,gBCxCJ,QACE,iBJqBY,QIpBZ,MJqBa,QIpBb,UJOgB,SINhB,iBACA,eACA,WACE,aJmDF,WACE,eACA,gBACA,cACE,qBIpDJ,UACE,MJYW,QIXX,qBCMJ,KACE,YLXU,0BKYV,ULXe,QKYf,YLTiB,MKYnB,KACE,ULdkB,QKiBpB,WACE","file":"style.min.css"}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 697 KiB

After

Width:  |  Height:  |  Size: 644 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 137 KiB

After

Width:  |  Height:  |  Size: 141 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

Before

Width:  |  Height:  |  Size: 729 KiB

After

Width:  |  Height:  |  Size: 797 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,44 +0,0 @@
@font-face {
font-family: "Cantarell";
src: url("Cantarell-Regular.ttf");
}
@font-face {
font-family: "Cantarell";
src: url("Cantarell-Bold.ttf");
font-weight: bold;
}
@font-face {
font-family: "Cantarell";
src: url("Cantarell-Oblique.ttf");
font-style: italic;
}
@font-face {
font-family: "Cantarell";
src: url("Cantarell-BoldOblique.ttf");
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'merriweatherlight';
src: url('merriweather_light-webfont.eot');
src: url('merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
url('merriweather_light-webfont.woff2') format('woff2'),
url('merriweather_light-webfont.woff') format('woff'),
url('merriweather_light-webfont.ttf') format('truetype'),
url('merriweather_light-webfont.svg#merriweather_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweatherlight';
src: url('merriweather-lightitalic-webfont.eot');
src: url('merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('merriweather-lightitalic-webfont.woff2') format('woff2'),
url('merriweather-lightitalic-webfont.woff') format('woff'),
url('merriweather-lightitalic-webfont.ttf') format('truetype'),
url('merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
font-weight: normal;
font-style: italic;
}

View File

@ -1,636 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
<style type="text/css">
body{
font-family: 'merriweatherlight_italic';
}
</style>
<title>Merriweather Light Italic Specimen</title>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#container').easyTabs({defaultContent:1});
});
</script>
</head>
<body>
<div id="container">
<div id="header">
Merriweather Light Italic </div>
<ul class="tabs">
<li><a href="#specimen">Specimen</a></li>
<li><a href="#layout">Sample Layout</a></li>
<li><a href="#glyphs">Glyphs &amp; Languages</a></li>
<li><a href="#installing">Installing Webfonts</a></li>
</ul>
<div id="main_content">
<div id="specimen">
<div class="section">
<div class="grid12 firstcol">
<div class="huge">AaBb</div>
</div>
</div>
<div class="section">
<div class="glyph_range">A&#x200B;B&#x200b;C&#x200b;D&#x200b;E&#x200b;F&#x200b;G&#x200b;H&#x200b;I&#x200b;J&#x200b;K&#x200b;L&#x200b;M&#x200b;N&#x200b;O&#x200b;P&#x200b;Q&#x200b;R&#x200b;S&#x200b;T&#x200b;U&#x200b;V&#x200b;W&#x200b;X&#x200b;Y&#x200b;Z&#x200b;a&#x200b;b&#x200b;c&#x200b;d&#x200b;e&#x200b;f&#x200b;g&#x200b;h&#x200b;i&#x200b;j&#x200b;k&#x200b;l&#x200b;m&#x200b;n&#x200b;o&#x200b;p&#x200b;q&#x200b;r&#x200b;s&#x200b;t&#x200b;u&#x200b;v&#x200b;w&#x200b;x&#x200b;y&#x200b;z&#x200b;1&#x200b;2&#x200b;3&#x200b;4&#x200b;5&#x200b;6&#x200b;7&#x200b;8&#x200b;9&#x200b;0&#x200b;&amp;&#x200b;.&#x200b;,&#x200b;?&#x200b;!&#x200b;&#64;&#x200b;(&#x200b;)&#x200b;#&#x200b;$&#x200b;%&#x200b;*&#x200b;+&#x200b;-&#x200b;=&#x200b;:&#x200b;;</div>
</div>
<div class="section">
<div class="grid12 firstcol">
<table class="sample_table">
<tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
</table>
</div>
</div>
<div class="section" id="bodycomparison">
<div id="xheight">
<div class="fontbody">&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
<div class="fontbody" style="z-index:1">
body<span>Merriweather Light Italic</span>
</div>
<div class="arialbody" style="z-index:1">
body<span>Arial</span>
</div>
<div class="verdanabody" style="z-index:1">
body<span>Verdana</span>
</div>
<div class="georgiabody" style="z-index:1">
body<span>Georgia</span>
</div>
</div>
<div class="section psample psample_row1" id="">
<div class="grid2 firstcol">
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row2" id="">
<div class="grid3 firstcol">
<p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid5">
<p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row3" id="">
<div class="grid5 firstcol">
<p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid7">
<p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row4" id="">
<div class="grid12 firstcol">
<p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row1 fullreverse">
<div class="grid2 firstcol">
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
<div class="section psample psample_row2 fullreverse">
<div class="grid3 firstcol">
<p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid5">
<p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
<div class="section psample fullreverse psample_row3" id="">
<div class="grid5 firstcol">
<p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid7">
<p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
<div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid;">
<div class="grid12 firstcol">
<p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
</div>
<div id="layout">
<div class="section">
<div class="grid12 firstcol">
<h1>Lorem Ipsum Dolor</h1>
<h2>Etiam porta sem malesuada magna mollis euismod</h2>
<p class="byline">By <a href="#link">Aenean Lacinia</a></p>
</div>
</div>
<div class="section">
<div class="grid8 firstcol">
<p class="large">Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
<h3>Pellentesque ornare sem</h3>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. </p>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. </p>
<h3>Cras mattis consectetur</h3>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. </p>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div class="grid4 sidebar">
<div class="box reverse">
<p class="last">Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
<p class="caption">Maecenas sed diam eget risus varius.</p>
<p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. </p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
</div>
</div>
</div>
<div id="glyphs">
<div class="section">
<div class="grid12 firstcol">
<h1>Language Support</h1>
<p>The subset of Merriweather Light Italic in this kit supports the following languages:<br />
Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish </p>
<h1>Glyph Chart</h1>
<p>The subset of Merriweather Light Italic in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
<div id="glyph_chart">
<div><p>&amp;#1;</p>&#1;</div>
<div><p>&amp;#2;</p>&#2;</div>
<div><p>&amp;#3;</p>&#3;</div>
<div><p>&amp;#4;</p>&#4;</div>
<div><p>&amp;#5;</p>&#5;</div>
<div><p>&amp;#6;</p>&#6;</div>
<div><p>&amp;#7;</p>&#7;</div>
<div><p>&amp;#8;</p>&#8;</div>
<div><p>&amp;#9;</p>&#9;</div>
<div><p>&amp;#10;</p>&#10;</div>
<div><p>&amp;#16;</p>&#16;</div>
<div><p>&amp;#17;</p>&#17;</div>
<div><p>&amp;#18;</p>&#18;</div>
<div><p>&amp;#19;</p>&#19;</div>
<div><p>&amp;#20;</p>&#20;</div>
<div><p>&amp;#21;</p>&#21;</div>
<div><p>&amp;#22;</p>&#22;</div>
<div><p>&amp;#23;</p>&#23;</div>
<div><p>&amp;#24;</p>&#24;</div>
<div><p>&amp;#25;</p>&#25;</div>
<div><p>&amp;#30;</p>&#30;</div>
<div><p>&amp;#31;</p>&#31;</div>
<div><p>&amp;#32;</p>&#32;</div>
<div><p>&amp;#33;</p>&#33;</div>
<div><p>&amp;#34;</p>&#34;</div>
<div><p>&amp;#35;</p>&#35;</div>
<div><p>&amp;#36;</p>&#36;</div>
<div><p>&amp;#37;</p>&#37;</div>
<div><p>&amp;#38;</p>&#38;</div>
<div><p>&amp;#39;</p>&#39;</div>
<div><p>&amp;#40;</p>&#40;</div>
<div><p>&amp;#41;</p>&#41;</div>
<div><p>&amp;#42;</p>&#42;</div>
<div><p>&amp;#43;</p>&#43;</div>
<div><p>&amp;#44;</p>&#44;</div>
<div><p>&amp;#45;</p>&#45;</div>
<div><p>&amp;#46;</p>&#46;</div>
<div><p>&amp;#47;</p>&#47;</div>
<div><p>&amp;#48;</p>&#48;</div>
<div><p>&amp;#49;</p>&#49;</div>
<div><p>&amp;#50;</p>&#50;</div>
<div><p>&amp;#51;</p>&#51;</div>
<div><p>&amp;#52;</p>&#52;</div>
<div><p>&amp;#53;</p>&#53;</div>
<div><p>&amp;#54;</p>&#54;</div>
<div><p>&amp;#55;</p>&#55;</div>
<div><p>&amp;#56;</p>&#56;</div>
<div><p>&amp;#57;</p>&#57;</div>
<div><p>&amp;#58;</p>&#58;</div>
<div><p>&amp;#59;</p>&#59;</div>
<div><p>&amp;#60;</p>&#60;</div>
<div><p>&amp;#61;</p>&#61;</div>
<div><p>&amp;#62;</p>&#62;</div>
<div><p>&amp;#63;</p>&#63;</div>
<div><p>&amp;#64;</p>&#64;</div>
<div><p>&amp;#65;</p>&#65;</div>
<div><p>&amp;#66;</p>&#66;</div>
<div><p>&amp;#67;</p>&#67;</div>
<div><p>&amp;#68;</p>&#68;</div>
<div><p>&amp;#69;</p>&#69;</div>
<div><p>&amp;#70;</p>&#70;</div>
<div><p>&amp;#71;</p>&#71;</div>
<div><p>&amp;#72;</p>&#72;</div>
<div><p>&amp;#73;</p>&#73;</div>
<div><p>&amp;#74;</p>&#74;</div>
<div><p>&amp;#75;</p>&#75;</div>
<div><p>&amp;#76;</p>&#76;</div>
<div><p>&amp;#77;</p>&#77;</div>
<div><p>&amp;#78;</p>&#78;</div>
<div><p>&amp;#79;</p>&#79;</div>
<div><p>&amp;#80;</p>&#80;</div>
<div><p>&amp;#81;</p>&#81;</div>
<div><p>&amp;#82;</p>&#82;</div>
<div><p>&amp;#83;</p>&#83;</div>
<div><p>&amp;#84;</p>&#84;</div>
<div><p>&amp;#85;</p>&#85;</div>
<div><p>&amp;#86;</p>&#86;</div>
<div><p>&amp;#87;</p>&#87;</div>
<div><p>&amp;#88;</p>&#88;</div>
<div><p>&amp;#89;</p>&#89;</div>
<div><p>&amp;#90;</p>&#90;</div>
<div><p>&amp;#91;</p>&#91;</div>
<div><p>&amp;#92;</p>&#92;</div>
<div><p>&amp;#93;</p>&#93;</div>
<div><p>&amp;#94;</p>&#94;</div>
<div><p>&amp;#95;</p>&#95;</div>
<div><p>&amp;#96;</p>&#96;</div>
<div><p>&amp;#97;</p>&#97;</div>
<div><p>&amp;#98;</p>&#98;</div>
<div><p>&amp;#99;</p>&#99;</div>
<div><p>&amp;#100;</p>&#100;</div>
<div><p>&amp;#101;</p>&#101;</div>
<div><p>&amp;#102;</p>&#102;</div>
<div><p>&amp;#103;</p>&#103;</div>
<div><p>&amp;#104;</p>&#104;</div>
<div><p>&amp;#105;</p>&#105;</div>
<div><p>&amp;#106;</p>&#106;</div>
<div><p>&amp;#107;</p>&#107;</div>
<div><p>&amp;#108;</p>&#108;</div>
<div><p>&amp;#109;</p>&#109;</div>
<div><p>&amp;#110;</p>&#110;</div>
<div><p>&amp;#111;</p>&#111;</div>
<div><p>&amp;#112;</p>&#112;</div>
<div><p>&amp;#113;</p>&#113;</div>
<div><p>&amp;#114;</p>&#114;</div>
<div><p>&amp;#115;</p>&#115;</div>
<div><p>&amp;#116;</p>&#116;</div>
<div><p>&amp;#117;</p>&#117;</div>
<div><p>&amp;#118;</p>&#118;</div>
<div><p>&amp;#119;</p>&#119;</div>
<div><p>&amp;#120;</p>&#120;</div>
<div><p>&amp;#121;</p>&#121;</div>
<div><p>&amp;#122;</p>&#122;</div>
<div><p>&amp;#123;</p>&#123;</div>
<div><p>&amp;#124;</p>&#124;</div>
<div><p>&amp;#125;</p>&#125;</div>
<div><p>&amp;#126;</p>&#126;</div>
<div><p>&amp;#127;</p>&#127;</div>
<div><p>&amp;#160;</p>&#160;</div>
<div><p>&amp;#161;</p>&#161;</div>
<div><p>&amp;#162;</p>&#162;</div>
<div><p>&amp;#163;</p>&#163;</div>
<div><p>&amp;#164;</p>&#164;</div>
<div><p>&amp;#165;</p>&#165;</div>
<div><p>&amp;#166;</p>&#166;</div>
<div><p>&amp;#167;</p>&#167;</div>
<div><p>&amp;#168;</p>&#168;</div>
<div><p>&amp;#169;</p>&#169;</div>
<div><p>&amp;#170;</p>&#170;</div>
<div><p>&amp;#171;</p>&#171;</div>
<div><p>&amp;#172;</p>&#172;</div>
<div><p>&amp;#173;</p>&#173;</div>
<div><p>&amp;#174;</p>&#174;</div>
<div><p>&amp;#175;</p>&#175;</div>
<div><p>&amp;#176;</p>&#176;</div>
<div><p>&amp;#177;</p>&#177;</div>
<div><p>&amp;#178;</p>&#178;</div>
<div><p>&amp;#179;</p>&#179;</div>
<div><p>&amp;#180;</p>&#180;</div>
<div><p>&amp;#181;</p>&#181;</div>
<div><p>&amp;#182;</p>&#182;</div>
<div><p>&amp;#183;</p>&#183;</div>
<div><p>&amp;#184;</p>&#184;</div>
<div><p>&amp;#185;</p>&#185;</div>
<div><p>&amp;#186;</p>&#186;</div>
<div><p>&amp;#187;</p>&#187;</div>
<div><p>&amp;#188;</p>&#188;</div>
<div><p>&amp;#189;</p>&#189;</div>
<div><p>&amp;#190;</p>&#190;</div>
<div><p>&amp;#191;</p>&#191;</div>
<div><p>&amp;#192;</p>&#192;</div>
<div><p>&amp;#193;</p>&#193;</div>
<div><p>&amp;#194;</p>&#194;</div>
<div><p>&amp;#195;</p>&#195;</div>
<div><p>&amp;#196;</p>&#196;</div>
<div><p>&amp;#197;</p>&#197;</div>
<div><p>&amp;#198;</p>&#198;</div>
<div><p>&amp;#199;</p>&#199;</div>
<div><p>&amp;#200;</p>&#200;</div>
<div><p>&amp;#201;</p>&#201;</div>
<div><p>&amp;#202;</p>&#202;</div>
<div><p>&amp;#203;</p>&#203;</div>
<div><p>&amp;#204;</p>&#204;</div>
<div><p>&amp;#205;</p>&#205;</div>
<div><p>&amp;#206;</p>&#206;</div>
<div><p>&amp;#207;</p>&#207;</div>
<div><p>&amp;#208;</p>&#208;</div>
<div><p>&amp;#209;</p>&#209;</div>
<div><p>&amp;#210;</p>&#210;</div>
<div><p>&amp;#211;</p>&#211;</div>
<div><p>&amp;#212;</p>&#212;</div>
<div><p>&amp;#213;</p>&#213;</div>
<div><p>&amp;#214;</p>&#214;</div>
<div><p>&amp;#215;</p>&#215;</div>
<div><p>&amp;#216;</p>&#216;</div>
<div><p>&amp;#217;</p>&#217;</div>
<div><p>&amp;#218;</p>&#218;</div>
<div><p>&amp;#219;</p>&#219;</div>
<div><p>&amp;#220;</p>&#220;</div>
<div><p>&amp;#221;</p>&#221;</div>
<div><p>&amp;#222;</p>&#222;</div>
<div><p>&amp;#223;</p>&#223;</div>
<div><p>&amp;#224;</p>&#224;</div>
<div><p>&amp;#225;</p>&#225;</div>
<div><p>&amp;#226;</p>&#226;</div>
<div><p>&amp;#227;</p>&#227;</div>
<div><p>&amp;#228;</p>&#228;</div>
<div><p>&amp;#229;</p>&#229;</div>
<div><p>&amp;#230;</p>&#230;</div>
<div><p>&amp;#231;</p>&#231;</div>
<div><p>&amp;#232;</p>&#232;</div>
<div><p>&amp;#233;</p>&#233;</div>
<div><p>&amp;#234;</p>&#234;</div>
<div><p>&amp;#235;</p>&#235;</div>
<div><p>&amp;#236;</p>&#236;</div>
<div><p>&amp;#237;</p>&#237;</div>
<div><p>&amp;#238;</p>&#238;</div>
<div><p>&amp;#239;</p>&#239;</div>
<div><p>&amp;#240;</p>&#240;</div>
<div><p>&amp;#241;</p>&#241;</div>
<div><p>&amp;#242;</p>&#242;</div>
<div><p>&amp;#243;</p>&#243;</div>
<div><p>&amp;#244;</p>&#244;</div>
<div><p>&amp;#245;</p>&#245;</div>
<div><p>&amp;#246;</p>&#246;</div>
<div><p>&amp;#247;</p>&#247;</div>
<div><p>&amp;#248;</p>&#248;</div>
<div><p>&amp;#249;</p>&#249;</div>
<div><p>&amp;#250;</p>&#250;</div>
<div><p>&amp;#251;</p>&#251;</div>
<div><p>&amp;#252;</p>&#252;</div>
<div><p>&amp;#253;</p>&#253;</div>
<div><p>&amp;#254;</p>&#254;</div>
<div><p>&amp;#255;</p>&#255;</div>
<div><p>&amp;#338;</p>&#338;</div>
<div><p>&amp;#339;</p>&#339;</div>
<div><p>&amp;#376;</p>&#376;</div>
<div><p>&amp;#710;</p>&#710;</div>
<div><p>&amp;#732;</p>&#732;</div>
<div><p>&amp;#8192;</p>&#8192;</div>
<div><p>&amp;#8193;</p>&#8193;</div>
<div><p>&amp;#8194;</p>&#8194;</div>
<div><p>&amp;#8195;</p>&#8195;</div>
<div><p>&amp;#8196;</p>&#8196;</div>
<div><p>&amp;#8197;</p>&#8197;</div>
<div><p>&amp;#8198;</p>&#8198;</div>
<div><p>&amp;#8199;</p>&#8199;</div>
<div><p>&amp;#8200;</p>&#8200;</div>
<div><p>&amp;#8201;</p>&#8201;</div>
<div><p>&amp;#8202;</p>&#8202;</div>
<div><p>&amp;#8208;</p>&#8208;</div>
<div><p>&amp;#8209;</p>&#8209;</div>
<div><p>&amp;#8210;</p>&#8210;</div>
<div><p>&amp;#8211;</p>&#8211;</div>
<div><p>&amp;#8212;</p>&#8212;</div>
<div><p>&amp;#8216;</p>&#8216;</div>
<div><p>&amp;#8217;</p>&#8217;</div>
<div><p>&amp;#8218;</p>&#8218;</div>
<div><p>&amp;#8220;</p>&#8220;</div>
<div><p>&amp;#8221;</p>&#8221;</div>
<div><p>&amp;#8222;</p>&#8222;</div>
<div><p>&amp;#8226;</p>&#8226;</div>
<div><p>&amp;#8230;</p>&#8230;</div>
<div><p>&amp;#8239;</p>&#8239;</div>
<div><p>&amp;#8249;</p>&#8249;</div>
<div><p>&amp;#8250;</p>&#8250;</div>
<div><p>&amp;#8287;</p>&#8287;</div>
<div><p>&amp;#8364;</p>&#8364;</div>
<div><p>&amp;#8482;</p>&#8482;</div>
<div><p>&amp;#9724;</p>&#9724;</div>
<div><p>&amp;#64257;</p>&#64257;</div>
<div><p>&amp;#64258;</p>&#64258;</div>
<div><p>&amp;#64259;</p>&#64259;</div>
<div><p>&amp;#64260;</p>&#64260;</div>
</div>
</div>
</div>
</div>
<div id="specs">
</div>
<div id="installing">
<div class="section">
<div class="grid7 firstcol">
<h1>Installing Webfonts</h1>
<p>Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.</p>
<h2>1. Upload your webfonts</h2>
<p>You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.</p>
<h2>2. Include the webfont stylesheet</h2>
<p>A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the <a href="http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax">Fontspring blog post</a> about it. The code for it is as follows:</p>
<code>
@font-face{
font-family: 'MyWebFont';
src: url('WebFont.eot');
src: url('WebFont.eot?#iefix') format('embedded-opentype'),
url('WebFont.woff') format('woff'),
url('WebFont.ttf') format('truetype'),
url('WebFont.svg#webfont') format('svg');
}
</code>
<p>We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:</p>
<code>&lt;link rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; type=&quot;text/css&quot; charset=&quot;utf-8&quot; /&gt;</code>
<h2>3. Modify your own stylesheet</h2>
<p>To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:</p>
<code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
<h2>4. Test</h2>
<p>Getting webfonts to work cross-browser <em>can</em> be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.</p>
</div>
<div class="grid5 sidebar">
<div class="box">
<h2>Troubleshooting<br />Font-Face Problems</h2>
<p>Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.</p>
<h3>Fonts not showing in any browser</h3>
<p>This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.</p>
<h3>Fonts not loading in iPhone or iPad</h3>
<p>The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.</p>
<h3>Fonts not loading in Firefox</h3>
<p>The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)</p>
<h3>Fonts not loading in IE</h3>
<p>Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.</p>
<h3>Fonts not loading in IE9</h3>
<p>IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.</p>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>&copy;2010-2011 Font Squirrel. All rights reserved.</p>
</div>
</div>
</body>
</html>

View File

@ -12,41 +12,90 @@ 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
Qb8rrHmzBLsPBqLcKLVBeQ==
=Kh8i
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
=0jxX
-----END PGP PUBLIC KEY BLOCK-----

View File

@ -1,85 +1,485 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
=Vq8l
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
9A94+3fXQK31yUqZrciYtbW7A5Q=
=3B4e
-----END PGP PUBLIC KEY BLOCK-----

View File

@ -6,94 +6,109 @@
<title>iGor milhit</title>
<meta name="description" content="iGor milhit">
<meta name="keywords" content="iGor milhit, carte d'identité, ePortfolio, contact, CV, veille">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.css">
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="icon" href="favicon.ico">
<link rel="icon" href="favicon.png">
</head>
<body>
<div itemscope itemtype="https://schema.org/Person">
<header>
<section id="titre" class="main center">
<body itemscope itemtype="https://schema.org/Person" class="person">
<header class="header">
<header class="title">
<img class="logo" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
<h1 itemprop="name">iGor milhit</h1>
</section>
<nav class="navigation main autotablet automobile center mod">
<div class="left automobile autotablet"><a href="#personnel" class="button">Personnel</a></div>
<div class="left automobile autotablet"><a href="#professionnel" class="button">Professionnel</a></div>
<div class="left automobile autotablet"><a href="#online" class="button">En ligne</a></div>
</header>
<nav class="menu">
<ul>
<li class=""><a href="#personnel" class="">Personnel</a></li>
<li class=""><a href="#professionnel" class="">Professionnel</a></li>
<li class=""><a href="#online" class="">En ligne</a></li>
<ul>
</nav>
</header>
<section id="contact" class="main center">
<div class="row w100">
<div class="col w49 automobile autotablet">
<ul>
<section class="content">
<section id="contact" class="">
<ul class="perso">
<li><i class="far fa-envelope"></i> privé : <a href="mailto:igor@milhit.ch" title="m'écrire" itemprop="email">igor@milhit.ch</a></li>
<li><i class="fas fa-home"></i> : <span itemprop="address">Ch. des Clochettes 16, 1206 Genève</span> [<i class="fas fa-map-marker-alt"></i> <a href="http://osm.org/go/0CFtAk9Rb?m=" title="Situation sur OpenStreetMap">carte</a>]</li>
<li><i class="fas fa-home"></i> :
<span itemprop="address">Ch. des Clochettes 16, 1206 Genève</span> [
<i class="fas fa-map-marker-alt"></i>
<a href="http://osm.org/go/0CFtAk9Rb?m=" title="Situation sur OpenStreetMap">carte</a>]
</li>
<li><i class="fas fa-mobile-alt"></i> : <a href="tel:+41765528059">+41 76 552 80 59</a></li>
<li><i class="fas fa-key"></i> publique : <a href="igor-milhit-pub.asc" title="ma clé publique">igor-milhit-pub.asc</a></li>
<li>empreinte : <code>843D 0CB6 A576 D7BE 4BF6 A63B 692D 97C3 D022 8A99</code></li>
<li><i class="far fa-comments"></i> XMPP/jabber : igor@milhit.ch</li>
<li><i class="far fa-eye"></i> veille : <a href="https://id-libre.org/shaarli/?searchtags=veille" title="mon site de social-bookmarking"> id-libre.org/shaarli</a></li>
</ul>
</div>
<div class="col w2 gut nomobile"></div>
<div class="col w49 automobile autotablet">
<ul>
<ul class="prof">
<li><i class="far fa-envelope"></i> prof. : <a href="mailto:igor.milhit@rero.ch" title="m'écrire sur mon e-mail professionnel" itemprop=" email">igor.milhit@rero.ch</a></li>
<li><i class="far fa-building"></i> : <sapn itemprop="address">Av. de la Gare, 45, 1920 Martigny</span> [<i class="fas fa-map-marker-alt"></i> <a href="http://osm.org/go/0CNBhMIfh--?m=" title="Situation sur OpenStreetMap">carte</a>]</li>
<li><i class="fas fa-phone"></i> : <a href="tel:+41277218578">+41 27 721 85 78</a>
<li><i class="fas fa-key"></i> publique professionnelle : <a href="igor-milhit-prof-pub.asc" title="ma clé publique professionnelle">igor-milhit-prof-pub.asc</a></li>
<li><i class="far fa-building"></i> :
<span itemprop="address">Av. de la Gare, 45, 1920 Martigny</span>
[<i class="fas fa-map-marker-alt"></i>
<a href="http://osm.org/go/0CNBhMIfh--?m=" title="Situation sur OpenStreetMap">carte</a>]
</li>
<li><i class="fas fa-phone"></i> : <a href="tel:+41277218578">+41 27 721 85 78</a></li>
<li><i class="fas fa-key"></i> publique professionnelle :
<a href="igor-milhit-prof-pub.asc" title="ma clé publique professionnelle">igor-milhit-prof-pub.asc</a>
</li>
<li>empreinte : <code>A0BC 4108 93F2 116C 6430 D64D 7F05 1073 8A93 F4D8</code></li>
<li><i class="far fa-file-pdf"></i> CV : <a href="cv-igor-milhit.pdf" title="Mon CV, en format PDF, mis à jour">cv-igor-milhit.pdf</a></li>
<li><i class="far fa-file-pdf"></i> CV :
<a href="cv-igor-milhit.pdf" title="Mon CV, en format PDF, mis à jour">cv-igor-milhit.pdf</a>
</li>
</ul>
</div>
</div>
</section>
<section id="personnel" class="main center">
<section id="personnel" class="">
<h2>Personnel</h2>
<p>Vieux comme la <a href="https://fr.wikipedia.org/wiki/Premier_choc_pétrolier" title="Article Wikipedia sur le Premier choc pétrolier">crise du pétrole</a>, je suis né entre des <a href="https://inventaire.io/inventory/igor" title="Mon compte Inventaire.io">livres</a>, des taches dencre et quelques <a href="https://www.discogs.com/fr/user/ignami/collection?sort=artist&amp;sort_order=asc" title="Mon compte Discogs">vinyles</a>. Les noyaux des centrales nucléaires se sont <a href="https://fr.wikipedia.org/wiki/Fusion_du_c%C5%93ur_d&#39;un_r%C3%A9acteur_nucl%C3%A9aire#Cas_r.C3.A9els" title="Section Cas réels de l'article Wikipedia sur la Fusion du co&oelig;ur d'un réacteur nucléaire">mises à fusionner</a>, les empires daprès les empires <a href="https://fr.wikipedia.org/wiki/Union_des_r%C3%A9publiques_socialistes_sovi%C3%A9tiques#Derni.C3.A8res_ann.C3.A9es_de_l.27URSS_.281985-1991.29" title="Section Dernières années de l'URSS de l'article Wikipedia sur l'URSS">sécroulèrent</a> et sécroulent encore, et à la croissance des montagnes de papiers sajoute la croissance des montagnes de déchets électroniques. Au milieu de cette dématérialisation joyeuse, jobserve les <a href="https://id-libre.org/blogigor/" title="blogiGor : traces éphémères">traces éphémères</a> de mon cheminement chaotique.</p>
<p>Vieux comme la <a href="https://fr.wikipedia.org/wiki/Premier_choc_pétrolier" title="Article Wikipedia sur le Premier choc pétrolier">crise du pétrole</a>, je suis né entre des livres, des taches dencre et quelques <a href="https://www.discogs.com/fr/user/ignami/collection?sort=artist&amp;sort_order=asc" title="Mon compte Discogs">vinyles</a>. Les noyaux des centrales nucléaires se sont <a href="https://fr.wikipedia.org/wiki/Fusion_du_c%C5%93ur_d&#39;un_r%C3%A9acteur_nucl%C3%A9aire#Cas_r.C3.A9els" title="Section Cas réels de l'article Wikipedia sur la Fusion du co&oelig;ur d'un réacteur nucléaire">mises à fusionner</a>, les empires daprès les empires <a href="https://fr.wikipedia.org/wiki/Union_des_r%C3%A9publiques_socialistes_sovi%C3%A9tiques#Derni.C3.A8res_ann.C3.A9es_de_l.27URSS_.281985-1991.29" title="Section Dernières années de l'URSS de l'article Wikipedia sur l'URSS">sécroulèrent</a> et sécroulent encore, et à la croissance des montagnes de papiers sajoute la croissance des montagnes de déchets électroniques. Au milieu de cette dématérialisation joyeuse, jobserve les <a href="https://id-libre.org/blogigor/" title="blogiGor : traces éphémères">traces éphémères</a> de mon cheminement chaotique.</p>
</section>
<section id="professionnel" class="main center">
<section id="professionnel" class="">
<h2>Professionnel</h2>
<p>De métier, je suis <em><span itemprop="jobTitle">Spécialiste <span class="smallcaps">HES</span> en information documentaire</span></em>, ce qui peut se traduire par <em>artisan en sciences de l'information</em>. Plus précisément, je produis de l'information, je veille à son accessibilité et/ou à sa diffusion, à sa pérennité et à sa sécurité. Bien entendu, cette information peut prendre différentes formes, depuis les livres jusqu'aux données numériques de la recherche, en passant par la documentation technique, les documents administratifs, les articles scientifiques numériques, voire imprimés. Un domaine, ou plutôt des domaines divers et passionnants.</p>
<p>Dans cet ensemble de tâches, je me suis assez rapidement concentré sur deux aspects principaux : la compréhension, la gestion et le développement des systèmes d'informations documentaires, et les méthodes modernes de publications, à savoir celles qui tentent de réellement tirer les conséquences du passage au numérique.<br />
D'une part, j'aime explorer, installer, paramétrer, modifier des outils comme les <abbr title="Système intégré de gestion de bibliothèque" class="smallcaps">sigb</abbr>, les <abbr title="Content Management System" class="smallcaps">cms</span></abbr>, mais aussi comprendre et manipuler les moteurs de recherche. D'autre part, je m'intéresse de près à la publication, d'abord sur le Web, au moyen de chaînes éditoriales, de langages de balisage légers, de convertisseurs universels de formats comme <a href="http://pandoc.org/" title="site du logiciel Pandoc"><code>pandoc</code></a>, de générateurs de sites statiques.</p>
<p>Enfin et surtout, comme bien d'autres je suis convaincu que les sciences de l'information et la philosophie qui entoure l'<a href="https://fr.wikipedia.org/wiki/Logiciel_libre">informatique libre</a> partagent un certain nombre de présupposés et s'enrichissent mutuellement. C'est pourquoi j'aime échanger et partager l'information et le savoir faire de la manière la plus ouverte et libre possible.</p>
<p>Depuis novembre 2016, je suis employé à la centrale <a href="http://rero.ch" title="site officiel de RERO"><em itemprop="worksFor"><abbr title="Réseau des bibliothèques de Suisse occidentale" class="smallcaps">rero</abbr></em></a>, principalement pour collaborer à l'écriture des <a href="https://www.rero.ch/page.php?section=infos&pageid=centre-competences-fr-20161027" title="Propostition de Centre de compétences et de services aux bibliothèques suisse">nouvelles aventures</a> du réseau.
<p>
Enfin et surtout, comme bien d'autres je suis convaincu que les sciences de l'information et la philosophie qui entoure l'<a href="https://fr.wikipedia.org/wiki/Logiciel_libre">informatique libre</a> partagent un certain nombre de présupposés et s'enrichissent mutuellement. C'est pourquoi j'aime échanger et partager l'information et le savoir faire de la manière la plus ouverte et libre possible.
</p>
<p>Depuis novembre 2016, je suis employé à la centrale <a href="http://rero.ch" title="site officiel de RERO"><em itemprop="worksFor"><abbr title="Réseau des bibliothèques de Suisse occidentale" class="smallcaps">rero</abbr></em></a>, principalement pour collaborer à l'écriture des <a href="https://www.rero.ch/page.php?section=infos&pageid=centre-competences-fr-20161027" title="Propostition de Centre de compétences et de services aux bibliothèques suisse">nouvelles aventures</a> du réseau.</p>
</section>
<section id="online" class="main center mod">
<section id="online" class="">
<header>
<h2>En ligne</h2>
<p class="left automobile autotablet"><i class="far fa-edit"></i> <a href="https://id-libre.org/blogigor" title="Mon blog personnel">blogiGor</a></p>
<p class="left automobile autotablet"><i class="fab fa-wikipedia-w"></i> <a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia">fr.wikipedia</a></p>
<p class="left automobile autotablet"><i class="far fa-map"></i> <a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap">OpenStreetMap</a></p>
<p class="left automobile autotablet"><i class="fab fa-keybase"></i> <a href="https://keybase.io/1g0r" title="Mon profil Keybase"> keybase</a></p>
<p class="left automobile autotablet"><i class="fab fa-mastodon"></i> <a rel="me" href="https://pouet.it/@im" title="Mon compte Mastodon">im@pouet.it</a></p>
<p class="left automobile autotablet"><i class="fab fa-twitter"></i> <a href="https://twitter.com/igor_milhit" title="Mon compte Twitter">@igor_milhit</a></p>
<p class="left automobile autotablet"><i class="fab fa-github"></i> <a href="https://github.com/iGormilhit" title="Mon compte Github">GitHub</a></p>
<p class="left automobile autotablet"><i class="fab fa-gitlab"></i> <a href="https://framagit.org/u/iGormilhit" title="Mon compte Framagit">Framagit</a></p>
<p class="left automobile autotablet"><i class="fas fa-compact-disc"></i> <a href="https://www.discogs.com/user/ignami/collection" title="Mon compte Discogs">discogs</a></p>
</header>
<section>
<a href="https://id-libre.org/blogigor" title="Mon blog personnel"><p class=""><i class="fas fa-blog"></i> blogiGor</p></a>
<a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia"><p class=""><i class="fab fa-wikipedia-w"></i> fr.wikipedia</p></a>
<a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap"><p class=""><i class="far fa-map"></i> OpenStreetMap</p></a>
<a href="https://keybase.io/1g0r" title="Mon profil Keybase"><p class=""><i class="fab fa-keybase"></i> keybase</p></a>
<a rel="me" href="https://pouet.it/@im" title="Mon compte Mastodon"><p class=""><i class="fab fa-mastodon"></i> im@pouet.it</p></a>
<a href="https://twitter.com/igor_milhit" title="Mon compte Twitter"><p class=""><i class="fab fa-twitter"></i> @igor_milhit</p></a>
<a href="https://github.com/iGormilhit" title="Mon compte Github"><p class=""><i class="fab fa-github"></i> GitHub</p></a>
<a href="https://framagit.org/u/iGormilhit" title="Mon compte Framagit"><p class=""><i class="fab fa-gitlab"></i> Framagit</p></a>
<a href="https://www.discogs.com/user/ignami/collection" title="Mon compte Discogs"><p class=""><i class="fas fa-compact-disc"></i> discogs</p></a>
</section>
<footer>
<section class="main center">
<p><small>Réalisé à l'aide de <em><a
href="https://rocssti.net">Röcssti</a></em>, le
framework qui a la patate ! &mdash; <a
href="https://framagit.org/iGormilhit/igor.milhit/tags/1.0.11"
title="Dépôt sur framagit">version 1.0.11</a> &mdash; <a href="http://creativecommons.org/licenses/by/4.0/" title="Sous licence CC-BY 4.0"><img src="img/cc-by-4.0.png" alt="logo de la licence creativecommons CC-BY 4.0" /></a></small></p>
</section>
</section>
<footer class="footer">
<ul>
<li>
<a href="https://framagit.org/iGormilhit/igor.milhit"
title="Dépôt sur framagit">
<i class="fab fa-gitlab"></i> sources &mdash;
</a>
</li>
<li>
<a href="https://framagit.org/iGormilhit/igor.milhit/tags/1.1.0"
title="Dépôt sur framagit"> v.1.1.0 &mdash;
</a>
</li>
<li>
<a href="http://creativecommons.org/licenses/by/4.0/"
title="Sous licence CC-BY 4.0">
<i class="fab fa-creative-commons"></i> <i class="fab fa-creative-commons-by"></i>
</a>
</li>
</ul>
</footer>
</div>
</body>
</html>

43
scss/_content.scss 100644
View File

@ -0,0 +1,43 @@
.content {
color: $gray-light;
a {
color: $violet-light-darker;
}
a:hover {
color: $violet-light;
}
a:visited {
color: $violet-dark;
}
}
#contact {
font-size: $font-size-small;
ul {
padding-left: 0;
li {
list-style: none;
}
}
}
#personnel,
#professionnel,
#contact,
#online {
margin-top: 2em;
}
#online {
section {
display: flex;
flex-wrap: wrap;
}
h2 {
margin-bottom: 0;
}
p {
margin-right: 1em;
margin-bottom: 0;
}
}

23
scss/_fonts.scss 100644
View File

@ -0,0 +1,23 @@
@font-face {
font-family: 'merriweatherlight';
src: url('../fonts/merriweather_light-webfont.eot');
src: url('../fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/merriweather_light-webfont.woff2') format('woff2'),
url('../fonts/merriweather_light-webfont.woff') format('woff'),
url('../fonts/merriweather_light-webfont.ttf') format('truetype'),
url('../fonts/merriweather_light-webfont.svg#merriweather_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweatherlight';
src: url('../fonts/merriweather-lightitalic-webfont.eot');
src: url('../fonts/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/merriweather-lightitalic-webfont.woff2') format('woff2'),
url('../fonts/merriweather-lightitalic-webfont.woff') format('woff'),
url('../fonts/merriweather-lightitalic-webfont.ttf') format('truetype'),
url('../fonts/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
font-weight: normal;
font-style: italic;
}

15
scss/_footer.scss 100644
View File

@ -0,0 +1,15 @@
.footer {
background-color: $violet-dark;
color: $violet-light;
font-size: $font-size-small;
text-align: right;
margin-top: 2em;
ul {
margin: 2em 0;
}
@include nolist();
a {
color: $violet-light;
text-decoration: none;
}
}

79
scss/_grid.scss 100644
View File

@ -0,0 +1,79 @@
body {
display: grid;
@include breakpoint(desktop) {
grid-template-columns: [left-gutter] 1fr [content] 2fr [right-gutter] 1fr;
grid-column-gap: 1em;
}
@include breakpoint(tablet) {
grid-template-columns: [left-gutter] 1fr [content] 4fr [right-gutter] 1fr;
grid-column-gap: 1em;
}
grid-template-columns: [left-gutter] 1em [content] auto [right-gutter] 1em;
grid-template-rows: [header] 30% [body] auto [footer] 30%;
grid-column-gap: 0;
}
.header {
grid-row: header;
grid-column: left-gutter / 4;
display: grid;
@include breakpoint(desktop) {
grid-template-columns: [header-left-gutter] 1fr [title] 2fr [header-right-gutter] 1fr;
grid-template-rows: [title] auto [menu] auto;
grid-column-gap: 1em;
}
@include breakpoint(tablet) {
grid-template-columns: [header-left-gutter] 1fr [title] 4fr [header-right-gutter] 1fr;
grid-template-rows: [title] auto [menu] auto;
grid-column-gap: 1em;
}
grid-template-columns: [header-left-gutter] 1em [title] auto [header-right-gutter] 1em;
grid-template-rows: [title] auto [menu] auto;
grid-column-gap: 0;
.title {
grid-column: title;
grid-row: title;
}
.menu {
grid-row: menu;
grid-column: title;
}
}
.footer {
grid-row: footer;
grid-column: left-gutter / 4;
display: grid;
@include breakpoint(desktop) {
grid-template-columns: [footer-left-gutter] 1fr [center] 2fr [footer-right-gutter] 1fr;
grid-column-gap: 1em;
}
@include breakpoint(tablet) {
grid-template-columns: [footer-left-gutter] 1fr [center] 4fr [footer-right-gutter] 1fr;
grid-column-gap: 1em;
}
grid-template-columns: [footer-left-gutter] 1em [center] auto [footer-right-gutter] 1em;
grid-column-gap: 0;
ul {
grid-column: center;
}
}
.content {
grid-row: body;
grid-column: content;
}
#contact {
@include breakpoint(desktop) {
display: grid;
grid-template-columns: [pers] 1fr [prof] 1fr;
grid-column-gap: 1em;
.perso {
grid-column: pers;
}
.prof {
grid-column: prof;
}
}
}

37
scss/_header.scss 100644
View File

@ -0,0 +1,37 @@
.header {
background-color: $violet-dark;
color: $violet-light;
.title {
display: flex;
align-items: center;
margin-top: 1em;
padding-bottom: .5em;
.logo {
height: 75%;
border-radius: 50%;
}
h1 {
font-weight: 200;
flex-grow: 1;
margin-left: 1em;
}
}
.menu {
@include nolist();
ul {
margin-top: 0;
}
li {
margin-right: .1em;
margin-top: 1em;
}
a {
color: $violet-light;
text-decoration: none;
padding: 5px;
border: 1px solid;
border-radius: 5px;
box-shadow: 1px 1px 1px $gray-light;
}
}
}

View File

@ -0,0 +1,5 @@
html,
body {
margin: 0;
padding: 0;
}

View File

@ -0,0 +1,66 @@
/*
********************
FONTS
********************
*/
$font-base: 'merriweatherlight', serif;
$font-size-base: 1.250rem;
$font-size-small: $font-size-base * .9;
$font-size-smaller: $font-size-base * .7;
$line-height-base: 1.5em;
/*
********************
COLORS
********************
*/
$violet-dark: rgb(103, 83, 108);
$violet-light: rgb(238, 215, 244);
$violet-light-darker: darken($violet-light, 30);
$gray: rgb(0, 0, 0);
$gray-light: lighten($gray, 20);
/*
********************
BREAKPOINTS
********************
*/
@mixin breakpoint($point) {
@if $point == desktop {
@media (min-width: 70em) { @content ; }
}
@else if $point == tablet {
@media (min-width: 50em) and (max-width: 70em) { @content ; }
}
@else if $point == mobile {
@media (max-width: 37.5em) { @content ; }
}
}
/*
********************
OTHER MIXINS
********************
*/
@mixin nolist() {
ul {
padding-left: 0;
list-style: none;
li {
display: inline-block;
}
}
}

31
scss/style.scss 100644
View File

@ -0,0 +1,31 @@
/*
***************
main stylesheet
***************
*/
@import '_variables.scss';
@import '_normalize.scss';
@import '_grid.scss';
@import '_fonts.scss';
@import '_header.scss';
@import '_content.scss';
@import '_footer.scss';
body {
font-family: $font-base;
font-size: $font-size-base;
line-height: $line-height-base;
}
code {
font-size: $font-size-smaller;
}
.smallcaps {
font-variant: small-caps;
}