diff options
author | Santiago Soler <santiago.r.soler@gmail.com> | 2021-03-13 14:25:12 -0300 |
---|---|---|
committer | Santiago Soler <santiago.r.soler@gmail.com> | 2021-03-13 14:25:12 -0300 |
commit | da003c8621fa787e051a846f5f8d4d15ad72f8c3 (patch) | |
tree | 4ca849458cfcddf705ff7639ce32d3e9d00c1c72 /assets/fira_code_v5.2/specimen.html | |
parent | 11eed3a7fa97454ab99852dc36176a5b9709ae26 (diff) | |
download | website-da003c8621fa787e051a846f5f8d4d15ad72f8c3.tar.gz |
Initial commit
Diffstat (limited to 'assets/fira_code_v5.2/specimen.html')
-rw-r--r-- | assets/fira_code_v5.2/specimen.html | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/assets/fira_code_v5.2/specimen.html b/assets/fira_code_v5.2/specimen.html new file mode 100644 index 0000000..6dce70b --- /dev/null +++ b/assets/fira_code_v5.2/specimen.html @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width,initial-scale=1.0"> + <title>Fira Code Specimen</title> + + <link rel="stylesheet" href="fira_code.css"> + <style> + body { font: 14px/1.5em "Fira Code"; } + .code { + font-feature-settings: "calt" 1; /* Enable ligatures for IE 10+, Edge */ + text-rendering: optimizeLegibility; /* Force ligatures for Webkit, Blink, Gecko */ + width: 30em; + margin: 5em auto; + white-space: pre-wrap; + word-break: break-all; + } + .light { font-weight: 300; } + .regular { font-weight: 400; } + .medium { font-weight: 500; } + .semibold { font-weight: 600; } + .bold { font-weight: 700; } + .variable { font-family: 'Fira Code VF'; font-variation-settings: 'wght' 400; } + i { font-style: normal; color: #c33; } + b { font-weight: inherit; color: #c33; } + </style> + <script type="text/javascript"> + function onWeightChange(weight) { + // code_variable.style['font-weight'] = weight; + code_variable.style['font-variation-settings'] = "'wght' " + weight; + span_wght.innerText = weight; + } + </script> +<body> + +<div class="code light"><b># Fira Code Light</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code regular"><b># Fira Code Regular</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code medium"><b># Fira Code Medium</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code semibold"><b># Fira Code SemiBold</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code bold"><b># Fira Code Bold</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + +<div id="code_variable" class="code variable"><b># Fira Code Variable</b> + +<input type="range" min="300" max="700" value="400" step="10" style="width: 300px;" oninput="onWeightChange(this.value)" onchange="onWeightChange(this.value)"> <span id="span_wght">400</span> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> |