From 745960e6500571d2da0eac5f5dde5ec9dec435b5 Mon Sep 17 00:00:00 2001 From: Rasmus Andersson Date: Sun, 24 Feb 2019 11:08:55 -0800 Subject: website --- docs/_layouts/default.html | 22 +++------- docs/index.css | 38 ++--------------- docs/index.html | 51 +++++++++++++---------- docs/res/base.css | 28 +++++++------ docs/samples/img/a-z-regular.svg | 12 ++++++ docs/samples/img/lineup-bold-black.svg | 67 ++++++++++++++++++++++++++++++ docs/samples/img/lineup-semi-bold-red.svg | 67 ------------------------------ docs/samples/img/regular-text.png | Bin 0 -> 114115 bytes docs/samples/img/regular-text@2x.png | Bin 0 -> 279996 bytes docs/samples/img/sample-regular-text.svg | 5 --- docs/samples/img/subway.svg | 11 +++++ docs/samples/img/weights-1.svg | 11 +++++ docs/samples/index.html | 7 +++- 13 files changed, 161 insertions(+), 158 deletions(-) create mode 100755 docs/samples/img/a-z-regular.svg create mode 100644 docs/samples/img/lineup-bold-black.svg delete mode 100755 docs/samples/img/lineup-semi-bold-red.svg create mode 100755 docs/samples/img/regular-text.png create mode 100755 docs/samples/img/regular-text@2x.png delete mode 100644 docs/samples/img/sample-regular-text.svg create mode 100644 docs/samples/img/subway.svg create mode 100644 docs/samples/img/weights-1.svg diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index a7a2a2faa..1618ab47f 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -70,22 +70,12 @@ endfor
diff --git a/docs/index.css b/docs/index.css index 5fe9fc24b..aa1495f5a 100644 --- a/docs/index.css +++ b/docs/index.css @@ -12,9 +12,9 @@ h1 { @media only screen and (max-width: 565px) { h1 { - /*font-size: 60px; + font-size: 60px; letter-spacing: -0.045em; - text-indent: -0.012em;*/ + text-indent: -0.012em; line-height: 1em; } } @@ -94,39 +94,9 @@ grid.faq { .faq .q { font-weight: 600; } - -ul.faq { - list-style:none; - display: flex; - flex-direction: column; - margin-left:0; -} -ul.faq > li { - padding-right: 6px; - margin-bottom: 6px; - padding-left: 1.5em; - text-indent: -1.5em; -} - -ul.faq > li:target { - background: #fafa88; - margin-left: -1.5em; -} -ul.faq > li > a.anchor { - visibility: hidden; - height:0; - position:relative; +.faq h4:target { + background: var(--yellow); } -ul.faq li.q { - font-weight: 600; - margin-top:1.5em; - text-indent: -1.52em; -} -ul.faq > li.q:first-child, -ul.faq > li.q:not([id]) { - margin-top:0; -} - tablex in, tablex to, tablex out { display: table-cell; diff --git a/docs/index.html b/docs/index.html index 02172cc3c..7bb1ab037 100644 --- a/docs/index.html +++ b/docs/index.html @@ -40,21 +40,26 @@ endfor - - -

Inter Bold
Sample

+ +

Inter Regular
Sample

 - + - - - -

Inter Regular
Sample

+ + + + +

Inter Bold
Sample

+ + + + + - + @@ -319,9 +324,9 @@ html { font-family: 'Inter', sans-serif; } -

+

How do I enable and disable font features? -

+ In web browsers you'll want to use font-feature-settings. In Figma you can access features via the @@ -333,9 +338,9 @@ html { font-family: 'Inter', sans-serif; } -

- What is the difference between "unhinted" and "hinted" font files? -

+

+ What is the difference between hinted and unhinted fonts? +

The font files in the "hinted" folders have additional data in them for assisting ClearType, @@ -350,9 +355,9 @@ html { font-family: 'Inter', sans-serif; } -

- How reliable are the fonts served from rsms.me/inter? Is it on a CDN? -

+

+ How reliable are the fonts served from rsms.me/inter? +

rsms.me/inter is backed by GitHub's server network and distributed globally on the CloudFlare CDN, making usage of https://rsms.me/inter/inter.css and associated font @@ -360,9 +365,9 @@ html { font-family: 'Inter', sans-serif; } -

+

Can I help with improving Inter? -

+ Yes you can! Inter is an open-source project, meaning the source code—or "source design" if you will—that is used to build the font files are freely available to improve upon. @@ -375,9 +380,9 @@ html { font-family: 'Inter', sans-serif; } -

+

This website claims work started in 2016, but the git repository's log says it started later? -

+ Inter was developed in an a private, internal git repository starting in November 2016, prior to being published on August 22, 2017. Between November 2016 and August 2017, there were @@ -392,10 +397,10 @@ html { font-family: 'Inter', sans-serif; } -

+

I've made a cool thing that uses Inter, can I share it with you?
or, I have a different question. -

+ Reach out on Twitter (@rsms) or over email diff --git a/docs/res/base.css b/docs/res/base.css index 1f349f903..0c5dc7e77 100644 --- a/docs/res/base.css +++ b/docs/res/base.css @@ -11,7 +11,9 @@ --gridGapCol: var(--spacing); --gridGapRow: calc(var(--spacing) / 2); - --red: #F02D09; + --red: #F03009; + --yellow: #FFE310; + --blue: rgb(3, 102, 214); } * { margin:0; padding:0; font-synthesis: none; } @@ -77,11 +79,12 @@ body { } } -:target:before { +DISABLED:target:before { content:""; display: block; height: 20px; /* fixed header height*/ margin: -20px 0 0; /* negative fixed header height */ + visibility: hidden; } a { @@ -95,8 +98,8 @@ a.fat { color: #333; } a:hover { - color: rgb(3, 102, 214); - text-decoration: underline rgba(3, 102, 214, 0.6); + color: var(--red); + text-decoration: underline; } a.plain, a.fat { background: none; @@ -225,6 +228,7 @@ h3 q, h3. q { h1 > a, h2 > a, h3 > a, h4 > a, .h1 > a, .h2 > a, .h3 > a, .h4 > a { + display:block; color: inherit; text-decoration: none !important; text-shadow: none; @@ -349,7 +353,6 @@ h2.banner { white-space: nowrap; } .row.menu ul li { - /*margin-right: 50px;*/ margin-bottom: -1px; text-indent: -0.5px; text-align: center; @@ -359,14 +362,15 @@ h2.banner { opacity: 0.8; text-decoration:none; display: inline-block; - padding: 15px 25px 13px 25px; - /*transition: 80ms opacity cubic-bezier(0.25, 0.47, 0.44, 0.93);*/ - /*border-bottom: 3px solid transparent;*/ + padding: 15px 20px 13px 20px; + margin-right: 1px; + font-weight: 450; + /*transition: 80ms all cubic-bezier(0.25, 0.47, 0.44, 0.93);*/ } - .row.menu ul li > a:hover, .row.menu ul li > a.active { + .row.menu ul li > a:hover, + .row.menu ul li > a.active { color: white; background: var(--red); - border-bottom-color: white; opacity: 1; } .row.menu ul li:first-child > a { @@ -375,8 +379,8 @@ h2.banner { margin-right: 25px; background:transparent; } - .row.menu ul li > a.active { - font-weight:600; + .row.menu ul li:first-child > a:hover { + text-decoration:underline; } .row.menu ul li.home > a { font-weight: 600; diff --git a/docs/samples/img/a-z-regular.svg b/docs/samples/img/a-z-regular.svg new file mode 100755 index 000000000..1019206da --- /dev/null +++ b/docs/samples/img/a-z-regular.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/docs/samples/img/lineup-bold-black.svg b/docs/samples/img/lineup-bold-black.svg new file mode 100644 index 000000000..3e9386c01 --- /dev/null +++ b/docs/samples/img/lineup-bold-black.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/samples/img/lineup-semi-bold-red.svg b/docs/samples/img/lineup-semi-bold-red.svg deleted file mode 100755 index b15a861e6..000000000 --- a/docs/samples/img/lineup-semi-bold-red.svg +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/samples/img/regular-text.png b/docs/samples/img/regular-text.png new file mode 100755 index 000000000..f9084a3f1 Binary files /dev/null and b/docs/samples/img/regular-text.png differ diff --git a/docs/samples/img/regular-text@2x.png b/docs/samples/img/regular-text@2x.png new file mode 100755 index 000000000..0bb8177c1 Binary files /dev/null and b/docs/samples/img/regular-text@2x.png differ diff --git a/docs/samples/img/sample-regular-text.svg b/docs/samples/img/sample-regular-text.svg deleted file mode 100644 index 2a0df234f..000000000 --- a/docs/samples/img/sample-regular-text.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/docs/samples/img/subway.svg b/docs/samples/img/subway.svg new file mode 100644 index 000000000..cf7df0a26 --- /dev/null +++ b/docs/samples/img/subway.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/docs/samples/img/weights-1.svg b/docs/samples/img/weights-1.svg new file mode 100644 index 000000000..dc67104b2 --- /dev/null +++ b/docs/samples/img/weights-1.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/docs/samples/index.html b/docs/samples/index.html index 825640bfb..bd826ff14 100644 --- a/docs/samples/index.html +++ b/docs/samples/index.html @@ -140,15 +140,20 @@ hills.

- + + + + + + -- cgit v1.2.3