rsms/inter
1
1
Fork 0
mirror of https://github.com/rsms/inter.git synced 2024-11-26 02:43:38 +03:00
Code Issues Projects Releases Wiki Activity

web: update samples, adding cleartype rendering samples

Browse Source
This commit is contained in:
Rasmus Andersson 2020-08-20 12:57:03 -07:00
parent b7435015ca
commit dc3b56dac7
7 changed files with 3 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/index.html
View File

@ -49,7 +49,6 @@ endfor
</c>
<c span=3.. span-s=row style="margin:3rem 0 5rem 0">
<!-- <a href="samples/" class="plain"><img src="samples/img/subway.svg" width="100%"></a> -->
<div id="subway-nav">
<a class="dest dest1" href="#charset">
<div class="disc">2.5k</div>

4
docs/res/icons/minimize-black.svg
View File

@ -1,3 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8" cy="8" r="2" fill="black"/>
</svg>
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="2" fill="#000"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 B

After

Width:  |  Height:  |  Size: 122 B

4
docs/res/icons/minimize.svg
View File

@ -1,3 +1 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="8" cy="8" r="2" fill="white"/>
</svg>
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="2" fill="#fff"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 B

After

Width:  |  Height:  |  Size: 122 B

BIN
docs/samples/img/cleartype-samples.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 254 KiB

BIN
docs/samples/img/cleartype-samples@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 349 KiB

11
docs/samples/img/subway.svg
View File

@ -1,11 +0,0 @@
<svg width="3086" height="224" viewBox="0 0 3086 224" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1354.94 176H1381.31L1405.63 92.3125H1406.63L1431 176H1457.38L1494 48H1464.44L1443.25 137.125H1442.13L1418.81 48H1393.5L1370.13 136.937H1369.06L1347.88 48H1318.31L1354.94 176ZM1532.62 177.875C1556.37 177.875 1572.37 166.312 1576.12 148.5L1551.5 146.875C1548.81 154.187 1541.93 158 1533.06 158C1519.75 158 1511.31 149.188 1511.31 134.875V134.812H1576.68V127.5C1576.68 94.875 1556.93 78.75 1531.56 78.75C1503.31 78.75 1485 98.8125 1485 128.437C1485 158.875 1503.06 177.875 1532.62 177.875ZM1511.31 118.312C1511.87 107.375 1520.18 98.625 1532 98.625C1543.56 98.625 1551.56 106.875 1551.62 118.312H1511.31ZM1585.26 176H1611.88V80H1585.26V176ZM1598.63 67.625C1606.57 67.625 1613.07 61.5625 1613.07 54.125C1613.07 46.75 1606.57 40.6875 1598.63 40.6875C1590.76 40.6875 1584.26 46.75 1584.26 54.125C1584.26 61.5625 1590.76 67.625 1598.63 67.625ZM1667.66 213.375C1695.1 213.375 1714.6 200.875 1714.6 176.938V80H1688.16V96.125H1687.16C1683.6 88.3125 1675.79 78.75 1659.73 78.75C1638.66 78.75 1620.85 95.125 1620.85 127.812C1620.85 159.75 1638.16 174.625 1659.79 174.625C1675.1 174.625 1683.66 166.937 1687.16 159H1688.29V176.563C1688.29 189.125 1679.85 194.25 1668.29 194.25C1656.54 194.25 1650.6 189.125 1648.41 183.938L1623.79 187.25C1626.98 201.75 1641.79 213.375 1667.66 213.375ZM1668.23 154.625C1655.16 154.625 1648.04 144.25 1648.04 127.687C1648.04 111.375 1655.04 99.9375 1668.23 99.9375C1681.16 99.9375 1688.41 110.875 1688.41 127.687C1688.41 144.625 1681.04 154.625 1668.23 154.625ZM1753.61 120.5C1753.67 108.125 1761.24 100.875 1772.11 100.875C1782.92 100.875 1789.3 107.812 1789.24 119.625V176H1815.86V114.875C1815.92 92.375 1802.67 78.75 1782.67 78.75C1768.11 78.75 1758.36 85.625 1753.99 96.9375H1752.86V48H1726.99V176H1753.61V120.5ZM1879.08 80H1861.02V57H1834.39V80H1821.27V100H1834.39V150C1834.27 168.812 1847.08 178.125 1866.39 177.313C1873.27 177.063 1878.14 175.687 1880.83 174.812L1876.64 155C1875.33 155.25 1872.52 155.875 1870.02 155.875C1864.7 155.875 1861.02 153.875 1861.02 146.5V100H1879.08V80ZM1966.12 107.375C1963.75 89.6875 1949.5 78.75 1925.25 78.75C1900.68 78.75 1884.5 90.125 1884.56 108.625C1884.5 123 1893.56 132.312 1912.31 136.062L1928.93 139.375C1937.31 141.062 1941.12 144.125 1941.25 148.938C1941.12 154.625 1934.93 158.688 1925.62 158.688C1916.12 158.688 1909.81 154.625 1908.18 146.812L1882 148.187C1884.5 166.562 1900.12 177.875 1925.56 177.875C1950.43 177.875 1968.25 165.187 1968.31 146.25C1968.25 132.375 1959.18 124.062 1940.56 120.25L1923.18 116.75C1914.25 114.812 1910.93 111.75 1911 107.125C1910.93 101.375 1917.43 97.625 1925.68 97.625C1934.93 97.625 1940.43 102.687 1941.75 108.875L1966.12 107.375Z" fill="#030303"/>
<circle cx="1160" cy="112" r="111" fill="#F03009"/>
<path d="M1159.29 74.0653C1143.52 73.9943 1133.05 84.7898 1133.05 99.1364C1133.05 112.915 1142.85 122.822 1155.6 122.822C1163.44 122.822 1170.26 119.023 1173.78 112.773H1174.28C1174.24 128.327 1168.59 137.595 1158.54 137.595C1152.26 137.595 1148.03 133.973 1146.72 128.185H1133.76C1135.25 140.223 1144.77 148.994 1158.54 148.994C1175.98 148.994 1187.02 134.435 1187.06 109.399C1187.02 82.7301 1173.25 74.1719 1159.29 74.0653ZM1159.33 84.7188C1167.1 84.7188 1172.82 91.1818 1172.82 98.7812C1172.82 106.345 1166.85 112.808 1159.18 112.808C1151.44 112.808 1145.83 106.7 1145.83 98.8523C1145.83 90.9332 1151.62 84.7188 1159.33 84.7188Z" fill="white"/>
<path d="M2404.12 176H2431.19V123.125H2483.25V100.812H2431.19V70.3125H2488.87V48H2404.12V176ZM2534.48 177.875C2558.23 177.875 2574.23 166.312 2577.98 148.5L2553.36 146.875C2550.67 154.187 2543.79 158 2534.92 158C2521.61 158 2513.17 149.188 2513.17 134.875V134.812H2578.54V127.5C2578.54 94.875 2558.79 78.75 2533.42 78.75C2505.17 78.75 2486.86 98.8125 2486.86 128.437C2486.86 158.875 2504.92 177.875 2534.48 177.875ZM2513.17 118.312C2513.73 107.375 2522.04 98.625 2533.86 98.625C2545.42 98.625 2553.42 106.875 2553.48 118.312H2513.17ZM2614.49 177.813C2628.68 177.813 2637.87 171.625 2642.56 162.688H2643.31V176H2668.56V111.25C2668.56 88.375 2649.18 78.75 2627.81 78.75C2604.81 78.75 2589.68 89.75 2585.99 107.25L2610.62 109.25C2612.43 102.875 2618.12 98.1875 2627.68 98.1875C2636.74 98.1875 2641.93 102.75 2641.93 110.625V111C2641.93 117.187 2635.37 118 2618.68 119.625C2599.68 121.375 2582.62 127.75 2582.62 149.188C2582.62 168.187 2596.18 177.813 2614.49 177.813ZM2622.12 159.437C2613.93 159.437 2608.06 155.625 2608.06 148.312C2608.06 140.812 2614.24 137.125 2623.62 135.812C2629.43 135 2638.93 133.625 2642.12 131.5V141.687C2642.12 151.75 2633.81 159.437 2622.12 159.437ZM2731.48 80H2713.41V57H2686.79V80H2673.66V100H2686.79V150C2686.66 168.812 2699.48 178.125 2718.79 177.313C2725.66 177.063 2730.54 175.687 2733.23 174.812L2729.04 155C2727.73 155.25 2724.91 155.875 2722.41 155.875C2717.1 155.875 2713.41 153.875 2713.41 146.5V100H2731.48V80ZM2801.58 135.125C2801.64 148 2792.83 154.75 2783.27 154.75C2773.21 154.75 2766.71 147.687 2766.64 136.375V80H2740.02V141.125C2740.08 163.562 2753.21 177.25 2772.52 177.25C2786.96 177.25 2797.33 169.812 2801.64 158.562H2802.64V176H2828.21V80H2801.58V135.125ZM2840.7 176H2867.33V121.688C2867.33 109.875 2875.95 101.75 2887.7 101.75C2891.39 101.75 2896.45 102.375 2898.95 103.187V79.5625C2896.58 79 2893.27 78.625 2890.58 78.625C2879.83 78.625 2871.02 84.875 2867.52 96.75H2866.52V80H2840.7V176ZM2943.2 177.875C2966.95 177.875 2982.95 166.312 2986.7 148.5L2962.08 146.875C2959.39 154.187 2952.51 158 2943.64 158C2930.33 158 2921.89 149.188 2921.89 134.875V134.812H2987.26V127.5C2987.26 94.875 2967.51 78.75 2942.14 78.75C2913.89 78.75 2895.58 98.8125 2895.58 128.437C2895.58 158.875 2913.64 177.875 2943.2 177.875ZM2921.89 118.312C2922.45 107.375 2930.76 98.625 2942.58 98.625C2954.14 98.625 2962.14 106.875 2962.2 118.312H2921.89ZM3075.71 107.375C3073.34 89.6875 3059.09 78.75 3034.84 78.75C3010.28 78.75 2994.09 90.125 2994.15 108.625C2994.09 123 3003.15 132.312 3021.9 136.062L3038.53 139.375C3046.9 141.062 3050.71 144.125 3050.84 148.938C3050.71 154.625 3044.53 158.688 3035.21 158.688C3025.71 158.688 3019.4 154.625 3017.78 146.812L2991.59 148.187C2994.09 166.562 3009.71 177.875 3035.15 177.875C3060.03 177.875 3077.84 165.187 3077.9 146.25C3077.84 132.375 3068.78 124.062 3050.15 120.25L3032.78 116.75C3023.84 114.812 3020.53 111.75 3020.59 107.125C3020.53 101.375 3027.03 97.625 3035.28 97.625C3044.53 97.625 3050.03 102.687 3051.34 108.875L3075.71 107.375Z" fill="#030303"/>
<circle cx="2238" cy="112" r="111" fill="#1978F7"/>
<path d="M2215.97 148.994C2231.53 148.994 2242.85 140.081 2242.82 127.794C2242.85 118.703 2237.17 112.169 2226.98 110.713V110.145C2234.86 108.44 2240.16 102.581 2240.12 94.4134C2240.16 83.3338 2230.71 74.2784 2216.19 74.2784C2202.05 74.2784 2191.11 82.6946 2190.83 94.875H2203.51C2203.72 88.767 2209.4 84.9673 2216.11 84.9673C2222.9 84.9673 2227.41 89.0866 2227.37 95.1946C2227.41 101.551 2222.15 105.777 2214.62 105.777H2208.2V115.933H2214.62C2223.82 115.933 2229.29 120.55 2229.25 127.119C2229.29 133.547 2223.71 137.95 2215.94 137.95C2208.62 137.95 2202.97 134.151 2202.66 128.22H2189.3C2189.66 140.507 2200.63 148.994 2215.97 148.994ZM2282.59 75.2727H2270.05L2251.98 86.8849V98.9588L2268.99 88.0923H2269.41V148H2282.59V75.2727Z" fill="white"/>
<path d="M363 89.375H390.5C387 64.0625 364.688 46.25 335.75 46.25C301.938 46.25 275.875 70.625 275.875 112.125C275.875 152.625 300.25 177.75 336.313 177.75C368.625 177.75 391.688 157.312 391.688 123.625V107.5H338.125V127.875H365.625C365.25 143.75 354.438 153.812 336.438 153.812C316.125 153.812 303.313 138.625 303.313 111.875C303.313 85.25 316.625 70.1875 336.188 70.1875C350.125 70.1875 359.563 77.375 363 89.375ZM429.341 48H402.716V176H429.341V48ZM458.306 211.813C478.119 211.813 488.681 201.75 494.056 186.375L531.369 80.125L503.181 80L483.119 150.5H482.119L462.244 80H434.244L468.681 178.75L467.119 182.813C463.369 191.5 456.931 192.125 447.556 189.187L441.556 209.125C445.369 210.688 451.556 211.813 458.306 211.813ZM536.194 212H562.819V160.625H563.631C567.319 168.625 575.381 177.562 590.881 177.562C612.756 177.562 629.819 160.25 629.819 128.125C629.819 95.125 612.006 78.75 590.944 78.75C574.881 78.75 567.194 88.3125 563.631 96.125H562.444V80H536.194V212ZM562.256 128C562.256 110.875 569.506 99.9375 582.444 99.9375C595.631 99.9375 602.631 111.375 602.631 128C602.631 144.75 595.506 156.375 582.444 156.375C569.631 156.375 562.256 145.125 562.256 128ZM665.394 120.5C665.456 108.125 673.019 100.875 683.894 100.875C694.706 100.875 701.081 107.812 701.019 119.625V176H727.644V114.875C727.706 92.375 714.456 78.75 694.456 78.75C679.894 78.75 670.144 85.625 665.769 96.9375H664.644V48H638.769V176H665.394V120.5ZM819.672 107.375C817.297 89.6875 803.047 78.75 778.797 78.75C754.234 78.75 738.047 90.125 738.109 108.625C738.047 123 747.109 132.312 765.859 136.062L782.484 139.375C790.859 141.062 794.672 144.125 794.797 148.938C794.672 154.625 788.484 158.688 779.172 158.688C769.672 158.688 763.359 154.625 761.734 146.812L735.547 148.187C738.047 166.562 753.672 177.875 779.109 177.875C803.984 177.875 821.797 165.187 821.859 146.25C821.797 132.375 812.734 124.062 794.109 120.25L776.734 116.75C767.797 114.812 764.484 111.75 764.547 107.125C764.484 101.375 770.984 97.625 779.234 97.625C788.484 97.625 793.984 102.687 795.297 108.875L819.672 107.375Z" fill="#030303"/>
<circle cx="112" cy="112" r="111" fill="#FFCC00"/>
<path d="M65.6273 148H117.474V135.429H86.9341V134.932L97.552 124.527C112.502 110.891 116.515 104.072 116.515 95.7983C116.515 83.1918 106.217 74.2784 90.6273 74.2784C75.3574 74.2784 64.8816 83.4048 64.9171 97.6804H79.5123C79.4767 90.7202 83.8801 86.4588 90.5208 86.4588C96.9128 86.4588 101.671 90.4361 101.671 96.8281C101.671 102.616 98.1202 106.594 91.5151 112.95L65.6273 136.92V148ZM128.275 148H142.192V132.057L145.949 127.777L159.638 148H175.941L156.371 119.544L174.993 97.8182H159.018L142.944 116.865H142.192V81.0909H128.275V148Z" fill="black"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.7 KiB

1
docs/samples/index.html
View File

@ -158,6 +158,7 @@ hills.
<img src="img/lineup-bold-red.svg" width="888">
<img src="img/weights-1.svg" width="888">
<img src="img/symbols.svg" width="888">
<img src="img/cleartype-samples.png" srcset="img/cleartype-samples@2x.png 2x" width="888">
<img src="img/framed-poster-regular.png" srcset="img/framed-poster-regular@2x.png 2x" width="888">
<img src="img/framed-poster-medium.png" srcset="img/framed-poster-medium@2x.png 2x" width="888">