fix(site): dark mode icons (#396)

This commit is contained in:
Rickard Natt och Dag 2021-05-17 07:14:13 +02:00 committed by GitHub
parent 61f0bb0241
commit d85915d790
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 119 additions and 775 deletions

View File

@ -1,99 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 486.038 486.038" style="enable-background:new 0 0 486.038 486.038;" xml:space="preserve">
<g>
<g>
<path d="M386.667,188.301c-16.188-6.093-33.341-9.221-50.637-9.232c-79.573,0.044-144.044,64.587-144,144.16
c0.01,17.305,3.137,34.467,9.232,50.664l14.968-5.648c-24.884-66.097,8.527-139.852,74.624-164.736s139.852,8.527,164.736,74.624
s-8.527,139.852-74.624,164.736c-29.042,10.934-61.069,10.934-90.112,0l-5.648,14.968c74.43,28.018,157.481-9.607,185.498-84.037
C498.723,299.369,461.098,216.319,386.667,188.301z"/>
</g>
</g>
<g>
<g>
<path d="M371.972,260.688c-34.446-19.866-78.475-8.046-98.341,26.4c-12.839,22.262-12.839,49.68,0,71.941l13.848-8
c-15.442-26.797-6.237-61.039,20.561-76.48s61.039-6.237,76.48,20.561c15.442,26.797,6.237,61.039-20.56,76.48
c-8.494,4.895-18.125,7.474-27.929,7.479c-9.828,0.003-19.485-2.58-28-7.488l-8,13.848c34.446,19.866,78.475,8.046,98.341-26.4
C418.238,324.583,406.418,280.554,371.972,260.688z"/>
</g>
</g>
<g>
<g>
<path d="M378.829,219.853c-57.058-23.715-122.536,3.315-146.251,60.373c-11.448,27.544-11.423,58.518,0.069,86.043l14.768-6.176
c-20.368-48.889,2.752-105.032,51.641-125.4s105.032,2.753,125.4,51.641s-2.753,105.032-51.641,125.4
c-23.584,9.826-50.114,9.834-73.704,0.023l-6.16,14.72c57.058,23.715,122.536-3.315,146.251-60.373
C462.916,309.047,435.887,243.568,378.829,219.853z"/>
</g>
</g>
<g>
<g>
<path d="M336.03,291.069c-17.673,0-32,14.327-32,32c0.028,5.695,1.595,11.276,4.536,16.152l-47.2,47.2l-35.736-7.192
c-3.088-0.617-6.251,0.636-8.08,3.2l-40,56c-2.565,3.597-1.729,8.593,1.868,11.158c0.652,0.465,1.371,0.83,2.132,1.082l6.08,2.024
c-20.807,9.456-43.393,14.357-66.248,14.376H24.03c-4.418,0-8-3.582-8-8s3.582-8,8-8h112c13.255,0,24-10.745,24-24
s-10.745-24-24-24h-112c-4.418,0-8-3.582-8-8s3.582-8,8-8h56c23.906-0.026,44.149-17.639,47.48-41.312
c9.826-3.205,16.487-12.352,16.52-22.688v-8c13.255,0,24-10.745,24-24v-58.088c60.741-26.51,88.492-97.241,61.982-157.982
c-26.51-60.741-97.241-88.491-157.982-61.982s-88.491,97.241-61.982,157.982c12.106,27.737,34.245,49.876,61.982,61.982v58.088
c0,13.255,10.745,24,24,24v8c0.026,9.898,6.126,18.765,15.36,22.328c-3.026,14.921-16.135,25.653-31.36,25.672h-56
c-13.255,0-24,10.745-24,24s10.745,24,24,24h112c4.418,0,8,3.582,8,8s-3.582,8-8,8h-112c-13.255,0-24,10.745-24,24
s10.745,24,24,24h97.352c28.612-0.021,56.79-7,82.104-20.336l4.952,14.864c1.089,3.268,4.147,5.473,7.592,5.472
c1.668,0.004,3.295-0.52,4.648-1.496l56-40c2.561-1.827,3.813-4.986,3.2-8.072l-7.16-35.8l47.2-47.2
c4.862,2.945,10.428,4.523,16.112,4.568c17.673,0,32-14.327,32-32C368.03,305.396,353.704,291.069,336.03,291.069z
M128.03,323.069c0,4.418-3.582,8-8,8s-8-3.582-8-8v-8h16V323.069z M152.03,275.069h-64v-8h64V275.069z M152.03,251.069h-64
v-12.464c10.415,2.931,21.18,4.433,32,4.464c10.82-0.031,21.585-1.533,32-4.464V251.069z M114.702,171.069h10.632l-4.664,56
c-0.216,0-0.424,0-0.64,0s-0.424,0-0.64,0L114.702,171.069z M16.03,123.069C15.963,65.632,62.471,19.015,119.908,18.947
c57.438-0.067,104.055,46.44,104.122,103.878c0.06,50.999-36.87,94.518-87.2,102.756l4.544-54.512h18.656
c17.673-0.004,31.997-14.334,31.993-32.007c-0.004-17.673-14.334-31.997-32.007-31.993c-17.412,0.004-31.625,13.928-31.986,31.336
l-1.36,16.664h-13.304l-1.336-16c0-17.673-14.327-32-32-32s-32,14.327-32,32s14.327,32,32,32h18.64l4.544,54.512
C52.998,217.323,16.119,173.96,16.03,123.069z M142.702,155.069l1.328-16c0-8.837,7.163-16,16-16s16,7.163,16,16s-7.163,16-16,16
H142.702z M97.334,155.069H80.03c-8.837,0-16-7.163-16-16s7.163-16,16-16c8.951,0.111,16.117,7.458,16.005,16.408
c-0.001,0.085-0.003,0.171-0.005,0.256L97.334,155.069z M96.03,299.069c-4.418,0-8-3.582-8-8h64c0,4.418-3.582,8-8,8H96.03z
M205.87,441.917l-9.04-3.016l30.704-42.976l20.272,4.056L205.87,441.917z M220.198,462.269l-3.016-9.032l41.936-41.928
l4.048,20.256L220.198,462.269z M336.03,339.069c-1.383-0.019-2.758-0.221-4.088-0.6l9.744-9.744l-11.312-11.312l-9.744,9.744
c-0.379-1.33-0.581-2.705-0.6-4.088c0-8.837,7.163-16,16-16s16,7.163,16,16S344.867,339.069,336.03,339.069z"/>
</g>
</g>
<g>
<g>
<path d="M295.526,127.253c0.336-4.304,0.504-8.288,0.504-12.184c0.073-35.972-10.945-71.092-31.552-100.576l-13.12,9.152
c23.129,32.782,32.817,73.181,27.072,112.888c-0.357,2.646,0.631,5.296,2.632,7.064c2.007,1.769,4.767,2.418,7.352,1.728
c47.149-12.441,97.3-5.831,139.616,18.4l8-13.856C393.506,125.49,343.553,117.45,295.526,127.253z"/>
</g>
</g>
<g>
<g>
<path d="M468.318,173.069l-10.584,12c5.769,5.089,11.215,10.535,16.304,16.304l12-10.6
C480.501,184.513,474.584,178.601,468.318,173.069z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -1,154 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 480 480" style="enable-background:new 0 0 480 480;" xml:space="preserve">
<g>
<g>
<path d="M440,12H40C17.92,12.026,0.026,29.92,0,52v272c0.026,22.08,17.92,39.974,40,40h288v-16H40c-13.255,0-24-10.745-24-24V52
c0-13.255,10.745-24,24-24h400c13.255,0,24,10.745,24,24v272c0,13.255-10.745,24-24,24h-64v16h64c22.08-0.026,39.974-17.92,40-40
V52C479.974,29.92,462.08,12.026,440,12z"/>
</g>
</g>
<g>
<g>
<path d="M408,44H40c-4.418,0-8,3.582-8,8v272c0,4.418,3.582,8,8,8h288v-16H48V60h352v256h-24v16h32c4.418,0,8-3.582,8-8V52
C416,47.582,412.418,44,408,44z"/>
</g>
</g>
<g>
<g>
<rect x="432" y="148" width="16" height="80"/>
</g>
</g>
<g>
<g>
<path d="M456,420H88c-1.238-0.014-2.462,0.26-3.576,0.8l-32,16c-3.954,1.971-5.562,6.774-3.591,10.729
c0.775,1.555,2.036,2.816,3.591,3.591l32,16c1.107,0.567,2.332,0.869,3.576,0.88h368c13.255,0,24-10.745,24-24
S469.255,420,456,420z M408,452H89.888l-16-8l16-8H408V452z M456,452h-32v-16h32c4.418,0,8,3.582,8,8S460.418,452,456,452z"/>
</g>
</g>
<g>
<g>
<path d="M368,220h-24v-24c0-4.418-3.582-8-8-8h-72v-8c0-4.418-3.582-8-8-8h-24v-24c0-4.418-3.582-8-8-8h-48v-16h32
c4.418,0,8-3.582,8-8V84c0-4.418-3.582-8-8-8h-80c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h32v16h-56c-4.418,0-8,3.582-8,8v24
H72c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h64c4.418,0,8-3.582,8-8v-32c0-4.418-3.582-8-8-8h-24v-16h104v16h-24
c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h24v24h-24c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h64c4.418,0,8-3.582,8-8v-32
c0-4.418-3.582-8-8-8h-24v-24h24c4.418,0,8-3.582,8-8v-8h64v16h-24c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h64
c4.418,0,8-3.582,8-8v-32C376,223.582,372.418,220,368,220z M128,188v16H80v-16H128z M136,108V92h64v16H136z M248,260v16h-48v-16
H248z M248,204h-48v-16h48V204z M360,252h-48v-16h48V252z"/>
</g>
</g>
<g>
<g>
<path d="M0,436v8c0,4.418,3.582,8,8,8h8v-16H0z"/>
</g>
</g>
<g>
<g>
<path d="M339.16,364.952c-2.232,3.564-5.144,6.655-8.568,9.096l9.312,13.016c5.116-3.652,9.465-8.272,12.8-13.6L339.16,364.952z"
/>
</g>
</g>
<g>
<g>
<path d="M344,339.128V348c0,1.812-0.153,3.621-0.456,5.408l15.784,2.648c0.447-2.662,0.672-5.357,0.672-8.056v-8.872H344z"/>
</g>
</g>
<g>
<g>
<rect x="274.24" y="380" width="15.632" height="16"/>
</g>
</g>
<g>
<g>
<path d="M319.288,379.2c-2.391,0.544-4.836,0.812-7.288,0.8h-6.456v16H312c3.673,0.004,7.335-0.415,10.912-1.248L319.288,379.2z"
/>
</g>
</g>
<g>
<g>
<path d="M38.136,381.008c-6.146,1.287-11.978,3.774-17.16,7.32l9.016,13.216c3.448-2.364,7.331-4.02,11.424-4.872L38.136,381.008z
"/>
</g>
</g>
<g>
<g>
<path d="M7.912,401.6c-3.467,5.239-5.865,11.112-7.056,17.28l15.72,3.024c0.781-4.107,2.372-8.018,4.68-11.504L7.912,401.6z"/>
</g>
</g>
<g>
<g>
<rect x="211.72" y="380" width="15.64" height="16"/>
</g>
</g>
<g>
<g>
<rect x="243" y="380" width="15.632" height="16"/>
</g>
</g>
<g>
<g>
<rect x="117.896" y="380" width="15.64" height="16"/>
</g>
</g>
<g>
<g>
<rect x="86.624" y="380" width="15.64" height="16"/>
</g>
</g>
<g>
<g>
<rect x="344" y="307.848" width="16" height="15.64"/>
</g>
</g>
<g>
<g>
<rect x="55.352" y="380" width="15.632" height="16"/>
</g>
</g>
<g>
<g>
<rect x="149.168" y="380" width="15.64" height="16"/>
</g>
</g>
<g>
<g>
<rect x="180.448" y="380" width="15.64" height="16"/>
</g>
</g>
<g>
<g>
<rect x="344" y="276" width="16" height="16"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

View File

@ -1,41 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="357px" height="357px" viewBox="0 0 357 357" style="enable-background:new 0 0 357 357;" xml:space="preserve">
<g>
<g id="play-arrow">
<polygon points="38.25,0 38.25,357 318.75,178.5 "/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 756 B

View File

@ -1,133 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 482.13 482.13" style="enable-background:new 0 0 482.13 482.13;" xml:space="preserve">
<g>
<g>
<path d="M475.266,126.603c-0.001,0-0.001,0-0.002,0l-0.016-0.016l-31.12-4.44c-4.374-0.623-7.415-4.674-6.792-9.048
c0.299-2.102,1.422-3.998,3.12-5.272l25.152-18.864c3.535-2.651,4.251-7.665,1.6-11.2l-28.8-38.4
c-2.651-3.535-7.665-4.251-11.2-1.6l-25.144,18.864c-3.52,2.671-8.538,1.983-11.209-1.537c-1.297-1.709-1.853-3.868-1.543-5.991
l4.448-31.12c0.627-4.374-2.41-8.427-6.783-9.055c-0.003,0-0.006-0.001-0.009-0.001L339.48,2.139
c-4.373-0.628-8.428,2.408-9.056,6.782c0,0.001,0,0.001,0,0.002l-4.448,31.12c-0.623,4.374-4.674,7.415-9.048,6.792
c-2.102-0.299-3.998-1.422-5.272-3.12L292.8,18.563c-2.651-3.535-7.665-4.251-11.2-1.6l-24.04,18.04
c-10.876-1.156-21.844-1.156-32.72,0C153.614,43.144,97.759,99.946,90.816,171.299c-0.216,2.264-0.296,4.512-0.408,6.76h-2.4
c-3.796,0.007-7.065,2.681-7.824,6.4l-5.528,26.288l-22.144-15.272c-3.178-2.193-7.47-1.802-10.2,0.928l-24,24
c-2.726,2.729-3.116,7.015-0.928,10.192l15.2,22.104l-26.296,5.528c-3.678,0.806-6.296,4.067-6.288,7.832v32
c-0.002,3.784,2.649,7.052,6.352,7.832l26.296,5.528l-15.2,22.104c-2.188,3.177-1.798,7.463,0.928,10.192l24,24
c2.73,2.73,7.022,3.121,10.2,0.928l22.104-15.24l5.528,26.296c0.759,3.719,4.028,6.393,7.824,6.4h32
c3.784,0.002,7.052-2.649,7.832-6.352l5.528-26.296l22.104,15.2c3.177,2.188,7.463,1.798,10.192-0.928l12.424-12.464v22.8
c0.036,11.381,6.133,21.88,16,27.552v44.448c0,17.673,14.327,32,32,32h32c17.673,0,32-14.327,32-32v-44.448
c9.867-5.672,15.964-16.171,16-27.552v-31.664c0.217-13.323,7.187-25.623,18.504-32.656c6.639-4.307,12.935-9.122,18.832-14.4
l-10.672-11.92c-5.275,4.728-10.911,9.037-16.856,12.888c-15.885,9.97-25.609,27.334-25.808,46.088v31.664c0,8.837-7.163,16-16,16
h-64c-8.837,0-16-7.163-16-16v-32.328c-0.185-18.399-9.756-35.428-25.376-45.152c-63.407-39.842-82.511-123.541-42.669-186.948
c24.72-39.341,67.862-63.286,114.325-63.452c-0.119,0.285-0.224,0.576-0.312,0.872c-0.297,2.1,0.253,4.233,1.528,5.928
l18.856,25.144c1.988,2.573,2.179,6.107,0.48,8.88c-1.636,2.79-4.799,4.312-8,3.848l-31.12-4.448
c-4.374-0.627-8.427,2.41-9.055,6.783c0,0.003-0.001,0.006-0.001,0.009l-6.792,47.512c-0.627,4.373,2.41,8.427,6.783,9.055
c0.003,0,0.006,0.001,0.009,0.001l31.12,4.448c4.374,0.623,7.415,4.674,6.792,9.048c-0.299,2.102-1.422,3.998-3.12,5.272
l-25.144,18.856c-3.535,2.651-4.251,7.665-1.6,11.2l28.8,38.4c2.651,3.535,7.665,4.251,11.2,1.6l25.152-18.856
c3.538-2.646,8.552-1.923,11.198,1.616c1.266,1.693,1.811,3.819,1.514,5.912l-4.44,31.12c-0.628,4.373,2.408,8.428,6.782,9.056
c0.001,0,0.001,0,0.002,0l47.52,6.792c0.374,0.048,0.751,0.072,1.128,0.072c3.983,0.005,7.362-2.921,7.928-6.864l4.44-31.12
c0.623-4.374,4.674-7.415,9.048-6.792c2.102,0.299,3.998,1.422,5.272,3.12l18.864,25.144c2.651,3.535,7.665,4.251,11.2,1.6
l38.4-28.8c3.535-2.651,4.251-7.665,1.6-11.2l-18.856-25.144c-1.979-2.577-2.17-6.105-0.48-8.88c1.601-2.827,4.793-4.359,8-3.84
l31.12,4.44c4.373,0.628,8.428-2.409,9.056-6.782c0-0.001,0-0.001,0-0.002l6.784-47.52
C482.676,131.285,479.64,127.231,475.266,126.603z M210.112,410.059h64v16h-64V410.059z M210.112,442.059h64v8
c0,8.837-7.163,16-16,16h-32c-8.837,0-16-7.163-16-16V442.059z M146.424,304.099c4.368,3.572,8.932,6.898,13.672,9.96
c7.559,4.777,13.249,12.004,16.12,20.472l-17.16,17.128l-16.616-11.456c-7.276-5.014-17.239-3.18-22.254,4.096
c-1.202,1.745-2.046,3.711-2.482,5.784l-4.192,19.976H94.496l-4.192-19.944c-1.82-8.647-10.305-14.182-18.952-12.362
c-2.073,0.436-4.039,1.28-5.784,2.482l-16.624,11.424l-14.576-14.544l11.448-16.608c5.019-7.273,3.191-17.237-4.082-22.256
c-1.746-1.205-3.714-2.051-5.79-2.488L16,291.563v-19.008l19.944-4.2c8.644-1.833,14.166-10.326,12.333-18.971
c-0.435-2.051-1.268-3.996-2.453-5.725l-11.456-16.656l14.576-14.544l16.632,11.456c7.279,5.009,17.242,3.169,22.251-4.11
c1.2-1.743,2.042-3.707,2.477-5.778l1.4-6.656c1.282,9.218,3.405,18.298,6.344,27.128c-26.323,3.138-45.118,27.022-41.98,53.345
c3.138,26.323,27.022,45.118,53.345,41.98C125.259,327.934,139.13,318.293,146.424,304.099z M134,292.827
c-5.974,16.605-24.277,25.223-40.882,19.25c-16.605-5.974-25.223-24.277-19.25-40.882c4.57-12.703,16.631-21.164,30.131-21.136
c0.104,0,0.2,0,0.304,0C111.66,265.922,121.707,280.391,134,292.827z M460.512,172.971l-23.2-3.312
c-13.122-1.874-25.278,7.245-27.152,20.366c-0.9,6.301,0.74,12.702,4.56,17.794l14.056,18.744l-25.6,19.2l-14.064-18.736
c-7.952-10.605-22.995-12.756-33.599-4.804c-5.092,3.818-8.459,9.503-9.361,15.804l-3.24,23.232l-31.672-4.528l3.312-23.2
c1.879-13.121-7.235-25.281-20.356-27.159c-6.305-0.903-12.709,0.737-17.804,4.559l-18.744,14.056l-19.2-25.6l18.736-14.064
c10.605-7.952,12.756-22.995,4.804-33.599c-3.818-5.092-9.503-8.459-15.804-9.361l-23.2-3.312l4.528-31.672l23.2,3.312
c13.121,1.879,25.281-7.235,27.159-20.356c0.903-6.305-0.737-12.709-4.559-17.804l-14.104-18.76l25.6-19.2l14.064,18.744
c7.952,10.605,22.995,12.756,33.599,4.804c5.092-3.818,8.459-9.503,9.361-15.804l3.312-23.2l31.672,4.52l-3.312,23.2
c-1.874,13.122,7.244,25.278,20.366,27.152c6.301,0.9,12.702-0.74,17.794-4.56l18.744-14.056l19.2,25.6l-18.744,14.064
c-10.605,7.952-12.756,22.995-4.804,33.599c3.818,5.092,9.503,8.459,15.804,9.361l23.2,3.312L460.512,172.971z"/>
</g>
</g>
<g>
<g>
<path d="M344,76.171c-35.346,0-64,28.654-64,64c0,35.346,28.654,64,64,64c35.346,0,64-28.654,64-64
C407.96,104.841,379.33,76.21,344,76.171z M344,188.171c-26.51,0-48-21.49-48-48s21.49-48,48-48c26.51,0,48,21.49,48,48
C391.969,166.668,370.497,188.14,344,188.171z"/>
</g>
</g>
<g>
<g>
<rect x="234.112" y="354.059" width="16" height="24"/>
</g>
</g>
<g>
<g>
<path d="M207.12,275.491c-49.385-19.292-73.78-74.966-54.487-124.351c7.476-19.136,20.893-35.369,38.279-46.313l-8.552-13.536
c-52.336,32.971-68.035,102.126-35.064,154.462c12.769,20.269,31.701,35.91,54.016,44.626c19.752,7.568,32.795,26.528,32.8,47.68
h16C250.137,310.307,233.035,285.418,207.12,275.491z"/>
</g>
</g>
<g>
<g>
<rect x="394.112" y="298.059" width="56" height="16"/>
</g>
</g>
<g>
<g>
<rect x="402.113" y="334.822" transform="matrix(0.6401 -0.7683 0.7683 0.6401 -133.6437 446.8239)" width="16" height="62.48"/>
</g>
</g>
<g>
<g>
<rect x="346.112" y="362.059" width="16" height="56"/>
</g>
</g>
<g>
<g>
<rect x="9.128" y="130.058" transform="matrix(0.9701 -0.2425 0.2425 0.9701 -32.2251 14.3351)" width="65.968" height="15.992"/>
</g>
</g>
<g>
<g>
<rect x="46.111" y="35.657" transform="matrix(0.5812 -0.8137 0.8137 0.5812 -34.3557 73.3688)" width="15.992" height="68.816"/>
</g>
</g>
<g>
<g>
<rect x="97.938" y="1.024" transform="matrix(0.9688 -0.2477 0.2477 0.9688 -5.133 27.2971)" width="16" height="66.056"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 7.1 KiB

View File

@ -1,97 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 480.049 480.049" style="enable-background:new 0 0 480.049 480.049;" xml:space="preserve">
<g>
<g>
<path d="M448.027,160.049h-104c-4.418,0-8,3.582-8,8v32c0,4.418,3.582,8,8,8h24c8.837,0,16,7.163,16,16s-7.163,16-16,16h-24
c-4.418,0-8,3.582-8,8v40h-120c-4.418,0-8,3.582-8,8v104c0,17.673,14.327,32,32,32h208c17.673,0,32-14.327,32-32v-208
C480.027,174.376,465.7,160.049,448.027,160.049z M336.027,416.049h-96c-8.837,0-16-7.163-16-16v-96h112v16h-16
c-17.673,0-32,14.327-32,32c0,17.673,14.327,32,32,32h16V416.049z M464.027,400.049c0,8.837-7.163,16-16,16h-96v-40
c0-4.418-3.582-8-8-8h-24c-8.837,0-16-7.163-16-16s7.163-16,16-16h24c4.418,0,8-3.582,8-8v-24h24v16c0,17.673,14.327,32,32,32
c17.673,0,32-14.327,32-32v-16h24V400.049z M464.027,288.049h-32c-4.418,0-8,3.582-8,8v24c0,8.837-7.163,16-16,16s-16-7.163-16-16
v-24c0-4.418-3.582-8-8-8h-32v-32h16c17.673,0,32-14.327,32-32s-14.327-32-32-32h-16v-16h96c8.837,0,16,7.163,16,16V288.049z"/>
</g>
</g>
<g>
<g>
<path d="M352.027,32.049h-16v-24c0-4.418-3.582-8-8-8h-104c-17.673,0-32,14.327-32,32v89.6l-33.096,16
c-4.977-6.574-11.155-12.145-18.208-16.416c31.601-15.834,44.383-54.288,28.549-85.889C153.438,3.743,114.984-9.039,83.383,6.795
C51.782,22.629,39,61.083,54.834,92.684c5.46,10.896,13.917,20.007,24.377,26.261c-16.745,8.166-29.112,23.208-33.888,41.216
l-31.872,100.36c-9.017,28.347-7.183,59.032,5.144,86.104c13.074,28.616,12.462,61.617-1.664,89.728l-16.064,32.12
c-1.975,3.952-0.372,8.757,3.58,10.732c1.112,0.555,2.337,0.844,3.58,0.844h88c4.418,0,8-3.582,8-8
c0.024-14.848-8.225-28.473-21.392-35.336l3.824-7.632c11.58-23.28,15.348-49.673,10.744-75.264l-5.936-32.64
c-0.76-4.213,2.04-8.245,6.253-9.005c0.45-0.081,0.906-0.122,1.363-0.123c3.744-0.004,6.956,2.669,7.632,6.352l10.864,59.776
c1.761,9.709,2.648,19.557,2.648,29.424v64.448c0,4.418,3.582,8,8,8h88c4.418,0,8-3.582,8-8c0-1.556-0.091-3.111-0.272-4.656
c-1.376-12.041-8.812-22.543-19.712-27.84c-8.924-4.548-19.262-5.465-28.848-2.56l5.328-26.624
c2.328-11.656,3.501-23.514,3.504-35.4v-71.608l-9.344-107.128l55.512-26.488c10.258-4.562,17.095-14.486,17.704-25.696h80.128
c4.418,0,8-3.582,8-8v-40h16c17.673,0,32-14.327,32-32S369.7,32.049,352.027,32.049z M64.027,64.049c0-26.51,21.49-48,48-48
c26.51,0,48,21.49,48,48s-21.49,48-48,48C85.529,112.023,64.054,90.548,64.027,64.049z M175.187,454.305
c6.662-3.781,14.779-3.958,21.6-0.472c4.371,2.118,7.826,5.747,9.728,10.216h-70.488v-56.448
c-0.001-10.828-0.975-21.634-2.912-32.288l-10.864-59.768c-2.234-12.922-14.521-21.586-27.442-19.351
c-12.922,2.234-21.586,14.521-19.351,27.442c0.023,0.135,0.048,0.27,0.074,0.405l5.944,32.64
c3.983,22.184,0.712,45.061-9.328,65.24l-7.768,15.528c-2.002,3.939-0.432,8.755,3.507,10.757
c0.553,0.281,1.138,0.497,1.741,0.643c7.882,1.857,14.289,7.577,17.024,15.2h-65.68l10.256-20.544
c16.291-32.428,16.997-70.494,1.92-103.504c-10.69-23.466-12.281-50.067-4.464-74.64l32-100.8
c6.64-24.877,31.351-40.414,56.648-35.616c10.455,2.094,19.892,7.666,26.776,15.808l-47.28,22.84
c-10.239,4.981-16.755,15.35-16.8,26.736c-0.04,16.374,13.201,29.681,29.575,29.721c4.467,0.011,8.878-0.987,12.905-2.921
l36.8-17.544l8.72,100.464v70.92c-0.009,10.831-1.081,21.635-3.2,32.256l-8.528,42.608c-0.87,4.332,1.935,8.549,6.267,9.419
c1.898,0.381,3.869,0.062,5.549-0.899L175.187,454.305z M223.651,155.153l-0.24,0.104l-107.8,51.432
c-6.829,3.252-15.002,0.352-18.254-6.478c-0.875-1.838-1.329-3.847-1.33-5.882c0.02-5.247,3.02-10.027,7.736-12.328l108.664-52.48
c4.321-1.929,9.329-1.513,13.272,1.104c3.982,2.557,6.372,6.98,6.328,11.712C232.025,147.893,228.739,152.921,223.651,155.153z
M352.027,80.049h-24c-4.418,0-8,3.582-8,8v40h-75.608c-7.031-12.987-22.492-18.894-36.392-13.904V32.049c0-8.837,7.163-16,16-16
h96v24c0,4.418,3.582,8,8,8h24c8.837,0,16,7.163,16,16S360.864,80.049,352.027,80.049z"/>
</g>
</g>
<g>
<g>
<path d="M322.371,210.393l-26.344,26.344v-44.688h-16v60.688l-8,8l-8-8v-28.688h-16v12.688l-26.344-26.344l-11.312,11.312l56,56
c3.124,3.123,8.188,3.123,11.312,0l56-56L322.371,210.393z"/>
</g>
</g>
<g>
<g>
<rect x="248.027" y="192.049" width="16" height="16"/>
</g>
</g>
<g>
<g>
<rect x="248.027" y="160.049" width="16" height="16"/>
</g>
</g>
<g>
<g>
<rect x="280.027" y="160.049" width="16" height="16"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.7 KiB

View File

@ -1,100 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 480.318 480.318" style="enable-background:new 0 0 480.318 480.318;" xml:space="preserve">
<g>
<g>
<path d="M152.159,272.318c-12.8,0-23.2-9.6-24-22.4c30.4-12.8,48.8-43.2,48-76c0-1.6,0-4.8,0-5.6c0-40-32-72-72-72h-96
c-4.8,0-8,3.2-8,8c0,18.4,7.2,36,19.2,48.8c-1.6,8-3.2,15.2-3.2,23.2c0,32,19.2,60.8,48,73.6c-0.8,12.8-11.2,22.4-24,22.4
c-22.4,0-40,17.6-40,40v160c0,4.8,3.2,8,8,8h176c4.8,0,8-3.2,8-8v-160C192.159,289.918,174.559,272.318,152.159,272.318z
M16.959,112.318h87.2c28,0,51.2,20.8,55.2,48h-87.2C44.159,160.318,20.959,139.518,16.959,112.318z M32.159,176.318
c0-4,0-8,0.8-11.2c12,7.2,25.6,11.2,39.2,11.2h88c0,27.2-16.8,51.2-42.4,60c-3.2,0.8-5.6,4-5.6,7.2v4.8c0,10.4,4,20.8,12,28.8
l-20.8,3.2h-14.4l-20.8-3.2c8-7.2,12-17.6,12-28.8v-4c0-3.2-2.4-6.4-5.6-7.2C48.959,227.518,32.159,203.518,32.159,176.318z
M112.159,389.918l-16,15.2l-15.2-15.2l14.4-93.6h2.4L112.159,389.918z M16.159,312.318c0-12.8,10.4-24,23.2-24l39.2,6.4l-15.2,96
c0,2.4,0.8,4.8,2.4,7.2l24,24c3.2,3.2,8,3.2,11.2,0l24-24c1.6-1.6,2.4-4,2.4-7.2l-15.2-96l39.2-6.4c12.8,0,23.2,11.2,23.2,24v120
h-158.4V312.318z M176.159,464.318h-160v-16h160V464.318z"/>
</g>
</g>
<g>
<g>
<path d="M448.159,64.318h-36l-8.8-13.6c-4-6.4-12-10.4-20-10.4h-17.6c-4,0-7.2-2.4-8-6.4c-8-25.6-34.4-39.2-60-32
c-15.2,4.8-27.2,16.8-32,32c-0.8,3.2-4,6.4-8,6.4h-17.6c-8,0-15.2,4-20,10.4l-8,13.6h-36c-17.6,0-32,14.4-32,32h16
c0-8.8,7.2-16,16-16h25.6c-4.8,7.2-1.6,17.6,5.6,21.6c2.4,1.6,5.6,2.4,8,2.4h194.4c8.8,0,16-7.2,16-16c0-3.2-0.8-5.6-2.4-8h24.8
c8.8,0,16,7.2,16,16v352c0,8.8-7.2,16-16,16h-240v16h240c17.6,0,32-14.4,32-32v-352C480.159,78.718,465.759,64.318,448.159,64.318
z M215.359,88.318l18.4-28.8c1.6-1.6,4-3.2,7.2-3.2h17.6c10.4,0,20-7.2,23.2-17.6c5.6-16.8,23.2-26.4,40-20.8
c10.4,3.2,17.6,11.2,20.8,20.8c3.2,10.4,12.8,17.6,23.2,17.6h17.6c2.4,0,4.8,1.6,6.4,3.2l19.2,28.8H215.359z"/>
</g>
</g>
<g>
<g>
<rect x="304.159" y="32.318" width="16" height="16"/>
</g>
</g>
<g>
<g>
<polygon points="277.759,197.918 266.559,186.718 248.159,205.118 229.759,186.718 218.559,197.918 236.959,216.318
218.559,234.718 229.759,245.918 248.159,227.518 266.559,245.918 277.759,234.718 259.359,216.318 "/>
</g>
</g>
<g>
<g>
<polygon points="365.759,357.918 354.559,346.718 336.159,365.118 317.759,346.718 306.559,357.918 324.959,376.318
306.559,394.718 317.759,405.918 336.159,387.518 354.559,405.918 365.759,394.718 347.359,376.318 "/>
</g>
</g>
<g>
<g>
<path d="M373.759,226.718c-3.2-3.2-8-3.2-11.2,0l-32,32l11.2,11.2l18.4-18.4v16.8c0,20-16,36-36,36c-28.8,0-52,23.2-52,52v8
c0,20-16,36-36,36h-20v16h20c28.8,0,52-23.2,52-52v-8c0-20,16-36,36-36c28.8,0,52-23.2,52-52v-16.8l18.4,18.4l11.2-11.2
L373.759,226.718z"/>
</g>
</g>
<g>
<g>
<path d="M421.759,134.718l-11.2-12l-10.4,10.4c-19.2-17.6-49.6-16-67.2,4c-17.6,20-16,49.6,4,67.2c20,17.6,49.6,16,67.2-4
c13.6-15.2,16-36.8,6.4-54.4L421.759,134.718z M368.159,200.318c-17.6,0-32-14.4-32-32c0-17.6,14.4-32,32-32c8,0,15.2,3.2,20.8,8
l-20.8,20.8l-10.4-10.4l-11.2,11.2l16,16c3.2,3.2,8,3.2,11.2,0l24-24c1.6,3.2,2.4,6.4,2.4,10.4
C400.159,185.918,385.759,200.318,368.159,200.318z"/>
</g>
</g>
<g>
<g>
<rect x="128.159" y="328.318" width="24" height="16"/>
</g>
</g>
<g>
<g>
<path d="M432.159,104.318v328h-224v16h232c4.8,0,8-3.2,8-8v-336H432.159z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.7 KiB

View File

@ -1,111 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 488.002 488.002" style="enable-background:new 0 0 488.002 488.002;" xml:space="preserve">
<g>
<g>
<path d="M275.841,454.402l-16-80c-0.76-3.725-4.038-6.401-7.84-6.4h-16c-3.802-0.001-7.08,2.675-7.84,6.4l-16,80
c-0.516,2.614,0.302,5.313,2.184,7.2l24,24c3.124,3.123,8.188,3.123,11.312,0l24-24
C275.539,459.716,276.358,457.016,275.841,454.402z M244.001,468.69l-15.32-15.32l13.88-69.368h2.88l13.88,69.368L244.001,468.69z
"/>
</g>
</g>
<g>
<g>
<path d="M444.001,360.002c-12.748-0.047-23.234-10.053-23.88-22.784c40.463-17.689,58.925-64.831,41.235-105.294
S396.525,173,356.062,190.689c-17.556,7.675-31.772,21.399-40.061,38.673c-19.035-39.764-66.701-56.569-106.466-37.534
c-16.427,7.863-29.671,21.108-37.534,37.534c-19.122-39.796-66.884-56.556-106.681-37.434
C25.524,211.05,8.764,258.813,27.886,298.609c8.284,17.24,22.474,30.938,39.995,38.609c-0.646,12.731-11.132,22.737-23.88,22.784
c-22.08,0.026-39.974,17.92-40,40v88h16v-88c0-13.255,10.745-24,24-24c19.638-0.05,36.328-14.366,39.368-33.768
c10.836,2.322,22.037,2.357,32.888,0.104c0.192,8.965,3.953,17.482,10.448,23.664l10.592-12
c-4.077-4.569-5.987-10.674-5.24-16.752c17.478-7.716,31.638-21.402,39.944-38.608c8.296,17.183,22.431,30.856,39.88,38.576
c-0.646,12.731-11.132,22.737-23.88,22.784c-22.08,0.026-39.974,17.92-40,40v88h16v-88c0-13.255,10.745-24,24-24
c19.638-0.05,36.328-14.366,39.368-33.768c10.963,2.357,22.301,2.357,33.264,0c3.04,19.402,19.729,33.718,39.368,33.768
c13.255,0,24,10.745,24,24v88h16v-88c-0.026-22.08-17.92-39.974-40-40c-12.748-0.047-23.234-10.053-23.88-22.784
c17.449-7.72,31.584-21.393,39.88-38.576c8.296,17.187,22.435,30.863,39.888,38.584c-0.185,6.283-2.238,12.368-5.896,17.48
l12,10.576c5.271-6.624,8.563-14.602,9.496-23.016c10.924,2.336,22.219,2.336,33.144,0c3.054,19.389,19.74,33.688,39.368,33.736
c13.255,0,24,10.745,24,24v88h16v-88C483.975,377.922,466.082,360.029,444.001,360.002z M100.001,328.002
c-32.223-0.054-59.392-24.033-63.448-56h23.448c2.124,0.002,4.162-0.842,5.664-2.344l11.912-11.92l26.848,13.464
c1.114,0.54,2.338,0.814,3.576,0.8h55.448C159.393,303.969,132.224,327.949,100.001,328.002z M109.889,256.002l-30.32-15.16
c-3.08-1.537-6.799-0.932-9.232,1.504l-13.656,13.656H36.553c4.056-31.967,31.225-55.946,63.448-56
c32.223,0.054,59.392,24.033,63.448,56H109.889z M244.001,328.002c-32.223-0.054-59.392-24.033-63.448-56h23.448
c1.58-0.003,3.124-0.47,4.44-1.344l19.56-13.056l19.56,13.04c1.314,0.88,2.859,1.353,4.44,1.36h55.448
C303.393,303.969,276.224,327.949,244.001,328.002z M254.401,256.002l-21.984-14.656c-2.688-1.794-6.192-1.794-8.88,0
l-21.936,14.656h-21.048c4.056-31.967,31.225-55.946,63.448-56c32.223,0.054,59.392,24.033,63.448,56H254.401z M388.001,200.002
c32.223,0.054,59.392,24.033,63.448,56h-11.2l-13.6-20.44c-1.483-2.222-3.977-3.558-6.648-3.56h-64
c-2.674,0-5.172,1.335-6.656,3.56l-13.624,20.44h-11.2C328.579,224.023,355.766,200.04,388.001,200.002z M380.052,327.501
c-29.013-3.635-51.864-26.486-55.499-55.499h15.448c2.674,0,5.172-1.335,6.656-3.56l13.624-20.44h55.44l13.6,20.44
c1.489,2.232,3.997,3.568,6.68,3.56h15.448C447.059,307.044,415.094,331.891,380.052,327.501z"/>
</g>
</g>
<g>
<g>
<path d="M300.001,121.602v-49.6h40c4.418-0.015,7.987-3.61,7.972-8.028c-0.01-2.837-1.521-5.456-3.972-6.884l-96-56
c-2.491-1.454-5.573-1.454-8.064,0l-96,56c-3.817,2.224-5.109,7.122-2.884,10.94c1.44,2.471,4.089,3.985,6.948,3.972h40v49.6
l-97.8,22.6l3.6,15.6l104-24c3.631-0.839,6.202-4.073,6.2-7.8v-64c0-4.418-3.582-8-8-8h-18.4l66.4-38.744l66.4,38.744h-18.4
c-4.418,0-8,3.582-8,8v64c-0.002,3.727,2.569,6.961,6.2,7.8l104,24l3.6-15.6L300.001,121.602z"/>
</g>
</g>
<g>
<g>
<path d="M236.001,56.002v90.232l-18.528,6.184l5.056,15.2l24-8c3.277-1.091,5.483-4.162,5.472-7.616v-96H236.001z"/>
</g>
</g>
<g>
<g>
<rect x="171.353" y="164.003" transform="matrix(0.9486 -0.3165 0.3165 0.9486 -44.9821 67.0859)" width="25.296" height="15.992"/>
</g>
</g>
<g>
<g>
<rect x="295.999" y="138.876" transform="matrix(0.2747 -0.9615 0.9615 0.2747 58.9554 414.1495)" width="16" height="58.24"/>
</g>
</g>
<g>
<g>
<path d="M131.841,454.402l-16-80c-0.76-3.725-4.038-6.401-7.84-6.4h-16c-3.802-0.001-7.08,2.675-7.84,6.4l-16,80
c-0.516,2.614,0.302,5.313,2.184,7.2l24,24c3.124,3.123,8.188,3.123,11.312,0l24-24
C131.539,459.716,132.358,457.016,131.841,454.402z M100.001,468.69l-15.32-15.32l13.88-69.368h2.88l13.88,69.368L100.001,468.69z
"/>
</g>
</g>
<g>
<g>
<path d="M419.841,454.402l-16-80c-0.76-3.725-4.038-6.401-7.84-6.4h-16c-3.802-0.001-7.08,2.675-7.84,6.4l-16,80
c-0.516,2.614,0.302,5.313,2.184,7.2l24,24c3.124,3.123,8.188,3.123,11.312,0l24-24
C419.539,459.716,420.358,457.016,419.841,454.402z M388.001,468.69l-15.32-15.32l13.88-69.368h2.88l13.88,69.368L388.001,468.69z
"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -1,7 +1,7 @@
import classnames from 'classnames'
interface FeatureCardProps {
image: string
image: JSX.Element
title: string
text: string
isActive: boolean
@ -22,9 +22,9 @@ const FeatureCard = ({
}
)}
>
<div className="w-20 h-20 mx-auto mb-10 bg-current" style={{
mask: `url(${image}) no-repeat center`,
}} />
<div className="w-20 h-20 mx-auto mb-10 text-gray-700 dark:text-gray-400">
{image}
</div>
<div className="font-bold text-lg mb-2">{title}</div>
<p>{text}</p>
</div>

View File

@ -1,46 +1,11 @@
import SwiperCore, { Autoplay, Pagination, SwiperOptions } from 'swiper'
import { Swiper, SwiperSlide } from 'swiper/react'
import img4 from '../assets/img/icons/goal.svg'
import img3 from '../assets/img/icons/planning.svg'
import img1 from '../assets/img/icons/project-management.svg'
import img2 from '../assets/img/icons/solution.svg'
import FeatureCard from './FeatureCard'
import SectionTitle from './SectionTitle'
import { FEATURES_DATA } from './featureData'
SwiperCore.use([Pagination, Autoplay])
const FEATURES_DATA = [
{
title: 'Öppen källkod',
text: 'Har du egna förslag på förbättringar? Du kan hjälpa till.',
image: img1,
},
{
title: 'Bygger på ny teknik',
text:
'Till skillnad från den gamla skolplattformen så bygger den öppna på senaste tekniken.',
image: img2,
},
{
title: 'Det här är bara början',
text:
'Vi hoppas med denna app inspirera till fler initiativ i hela den offentliga digitaliseringen.',
image: img4,
},
{
title: 'Kan byggas ut till fler skolsystem',
text:
'Just nu stöds bara Stockholm Stads skolplattform men med din hjälp kan fler skolplattformar integreras så att du slipper logga in i flera appar om du har barn i olika skolor.',
image: img3,
},
{
title: 'Skolan är allas vårt ansvar',
text:
'Vi insåg att klaga inte hjälper så mycket så vi tog tag i problemet istället. Häng med!',
image: img1,
},
]
const Features = (): JSX.Element => {
const swiperParams: SwiperOptions = {
slidesPerView: 3,

View File

@ -0,0 +1,106 @@
const LightbulbAndCogs = () => {
return (
<svg
className="fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 482.13 482.13"
>
<path d="M475.266 126.603h-.002l-.016-.016-31.12-4.44a8 8 0 01-3.672-14.32l25.152-18.864a8 8 0 001.6-11.2l-28.8-38.4a8 8 0 00-11.2-1.6l-25.144 18.864a8 8 0 01-12.752-7.528l4.448-31.12a8 8 0 00-6.783-9.055l-.009-.001-47.488-6.784a8 8 0 00-9.056 6.782v.002l-4.448 31.12a8 8 0 01-14.32 3.672L292.8 18.563a8 8 0 00-11.2-1.6l-24.04 18.04a154.787 154.787 0 00-32.72 0C153.614 43.144 97.759 99.946 90.816 171.299c-.216 2.264-.296 4.512-.408 6.76h-2.4a8 8 0 00-7.824 6.4l-5.528 26.288-22.144-15.272a8 8 0 00-10.2.928l-24 24a8 8 0 00-.928 10.192l15.2 22.104-26.296 5.528A8 8 0 000 266.059v32a8 8 0 006.352 7.832l26.296 5.528-15.2 22.104a8 8 0 00.928 10.192l24 24a8 8 0 0010.2.928l22.104-15.24 5.528 26.296a8 8 0 007.824 6.4h32a8 8 0 007.832-6.352l5.528-26.296 22.104 15.2a8 8 0 0010.192-.928l12.424-12.464v22.8a31.896 31.896 0 0016 27.552v44.448c0 17.673 14.327 32 32 32h32c17.673 0 32-14.327 32-32v-44.448a31.896 31.896 0 0016-27.552v-31.664a39.2 39.2 0 0118.504-32.656 153.525 153.525 0 0018.832-14.4l-10.672-11.92a136.188 136.188 0 01-16.856 12.888 55.104 55.104 0 00-25.808 46.088v31.664c0 8.837-7.163 16-16 16h-64c-8.837 0-16-7.163-16-16v-32.328a53.824 53.824 0 00-25.376-45.152c-63.407-39.842-82.511-123.541-42.669-186.948a135.593 135.593 0 01114.325-63.452 8.698 8.698 0 00-.312.872 8 8 0 001.528 5.928l18.856 25.144a7.832 7.832 0 01.48 8.88 7.952 7.952 0 01-8 3.848l-31.12-4.448a8 8 0 00-9.055 6.783l-.001.009-6.792 47.512a8.001 8.001 0 006.783 9.055l.009.001 31.12 4.448a8 8 0 013.672 14.32l-25.144 18.856a8 8 0 00-1.6 11.2l28.8 38.4a8 8 0 0011.2 1.6l25.152-18.856a8 8 0 0112.712 7.528l-4.44 31.12a8 8 0 006.782 9.056h.002l47.52 6.792c.374.048.751.072 1.128.072a8 8 0 007.928-6.864l4.44-31.12a8 8 0 0114.32-3.672l18.864 25.144a8 8 0 0011.2 1.6l38.4-28.8a8 8 0 001.6-11.2l-18.856-25.144a7.863 7.863 0 01-.48-8.88 7.768 7.768 0 018-3.84l31.12 4.44a8 8 0 009.056-6.782v-.002l6.784-47.52a8 8 0 00-6.782-9.056zM210.112 410.059h64v16h-64v-16zm0 32h64v8c0 8.837-7.163 16-16 16h-32c-8.837 0-16-7.163-16-16v-8zm-63.688-137.96a151.206 151.206 0 0013.672 9.96 39.05 39.05 0 0116.12 20.472l-17.16 17.128-16.616-11.456c-7.276-5.014-17.239-3.18-22.254 4.096a16.003 16.003 0 00-2.482 5.784l-4.192 19.976H94.496l-4.192-19.944c-1.82-8.647-10.305-14.182-18.952-12.362a16.003 16.003 0 00-5.784 2.482l-16.624 11.424-14.576-14.544 11.448-16.608c5.019-7.273 3.191-17.237-4.082-22.256a15.994 15.994 0 00-5.79-2.488L16 291.563v-19.008l19.944-4.2c8.644-1.833 14.166-10.326 12.333-18.971a15.996 15.996 0 00-2.453-5.725l-11.456-16.656 14.576-14.544 16.632 11.456c7.279 5.009 17.242 3.169 22.251-4.11a15.983 15.983 0 002.477-5.778l1.4-6.656a152.347 152.347 0 006.344 27.128c-26.323 3.138-45.118 27.022-41.98 53.345 3.138 26.323 27.022 45.118 53.345 41.98a48.004 48.004 0 0037.011-25.725zM134 292.827c-5.974 16.605-24.277 25.223-40.882 19.25-16.605-5.974-25.223-24.277-19.25-40.882a31.952 31.952 0 0130.131-21.136h.304A151.512 151.512 0 00134 292.827zm326.512-119.856l-23.2-3.312c-13.122-1.874-25.278 7.245-27.152 20.366-.9 6.301.74 12.702 4.56 17.794l14.056 18.744-25.6 19.2-14.064-18.736c-7.952-10.605-22.995-12.756-33.599-4.804a24.004 24.004 0 00-9.361 15.804l-3.24 23.232-31.672-4.528 3.312-23.2c1.879-13.121-7.235-25.281-20.356-27.159a23.998 23.998 0 00-17.804 4.559l-18.744 14.056-19.2-25.6 18.736-14.064c10.605-7.952 12.756-22.995 4.804-33.599a24.004 24.004 0 00-15.804-9.361l-23.2-3.312 4.528-31.672 23.2 3.312c13.121 1.879 25.281-7.235 27.159-20.356a23.998 23.998 0 00-4.559-17.804l-14.104-18.76 25.6-19.2 14.064 18.744c7.952 10.605 22.995 12.756 33.599 4.804a24.004 24.004 0 009.361-15.804l3.312-23.2 31.672 4.52-3.312 23.2c-1.874 13.122 7.244 25.278 20.366 27.152 6.301.9 12.702-.74 17.794-4.56l18.744-14.056 19.2 25.6-18.744 14.064c-10.605 7.952-12.756 22.995-4.804 33.599a24.004 24.004 0 0015.804 9.361l23.2 3.312-4.552 31.664z" />
<path d="M344 76.171c-35.346 0-64 28.654-64 64 0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64-.04-35.33-28.67-63.961-64-64zm0 112c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48c-.031 26.497-21.503 47.969-48 48z" />
<path d="M234.112 354.059h16v24h-16z" />
<path d="M207.12 275.491c-49.385-19.292-73.78-74.966-54.487-124.351a96.005 96.005 0 0138.279-46.313l-8.552-13.536c-52.336 32.971-68.035 102.126-35.064 154.462a112.001 112.001 0 0054.016 44.626c19.752 7.568 32.795 26.528 32.8 47.68h16c.025-27.752-17.077-52.641-42.992-62.568z" />
<path d="M394.112 298.059h56v16h-56z" />
<path d="M380.993 352.2l10.241-12.293 48.004 39.994-10.242 12.292z" />
<path d="M346.112 362.059h16v56h-16z" />
<path d="M8.169 138.29l63.996-15.996 3.878 15.513-63.996 15.998z" />
<path d="M21.458 56.572l9.295-13.013 55.995 39.996-9.294 13.013z" />
<path d="M90.003 4.03l15.5-3.963 16.363 63.995-15.5 3.963z" />
</svg>
)
}
export const FEATURES_DATA = [
{
title: 'Öppen källkod',
text: 'Har du egna förslag på förbättringar? Du kan hjälpa till.',
image: <LightbulbAndCogs />,
},
{
title: 'Bygger på ny teknik',
text:
'Till skillnad från den gamla skolplattformen så bygger den öppna på senaste tekniken.',
image: (
<svg
className="fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 480.049 480.049"
>
<path d="M448.027 160.049h-104a8 8 0 00-8 8v32a8 8 0 008 8h24c8.837 0 16 7.163 16 16s-7.163 16-16 16h-24a8 8 0 00-8 8v40h-120a8 8 0 00-8 8v104c0 17.673 14.327 32 32 32h208c17.673 0 32-14.327 32-32v-208c0-17.673-14.327-32-32-32zm-112 256h-96c-8.837 0-16-7.163-16-16v-96h112v16h-16c-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32h16v32zm128-16c0 8.837-7.163 16-16 16h-96v-40a8 8 0 00-8-8h-24c-8.837 0-16-7.163-16-16s7.163-16 16-16h24a8 8 0 008-8v-24h24v16c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32v-16h24v96zm0-112h-32a8 8 0 00-8 8v24c0 8.837-7.163 16-16 16s-16-7.163-16-16v-24a8 8 0 00-8-8h-32v-32h16c17.673 0 32-14.327 32-32s-14.327-32-32-32h-16v-16h96c8.837 0 16 7.163 16 16v96z" />
<path d="M352.027 32.049h-16v-24a8 8 0 00-8-8h-104c-17.673 0-32 14.327-32 32v89.6l-33.096 16a65.195 65.195 0 00-18.208-16.416c31.601-15.834 44.383-54.288 28.549-85.889C153.438 3.743 114.984-9.039 83.383 6.795 51.782 22.629 39 61.083 54.834 92.684a64.006 64.006 0 0024.377 26.261 64.15 64.15 0 00-33.888 41.216l-31.872 100.36a120 120 0 005.144 86.104 103.783 103.783 0 01-1.664 89.728L.867 468.473a8 8 0 007.16 11.576h88a8 8 0 008-8 39.776 39.776 0 00-21.392-35.336l3.824-7.632a120.92 120.92 0 0010.744-75.264l-5.936-32.64a7.753 7.753 0 017.616-9.128 7.751 7.751 0 017.632 6.352l10.864 59.776a164.877 164.877 0 012.648 29.424v64.448a8 8 0 008 8h88a8 8 0 008-8 40.02 40.02 0 00-.272-4.656 35.425 35.425 0 00-19.712-27.84 38.77 38.77 0 00-28.848-2.56l5.328-26.624a180.982 180.982 0 003.504-35.4v-71.608l-9.344-107.128 55.512-26.488a29.897 29.897 0 0017.704-25.696h80.128a8 8 0 008-8v-40h16c17.673 0 32-14.327 32-32s-14.327-32-32-32zm-288 32c0-26.51 21.49-48 48-48s48 21.49 48 48-21.49 48-48 48c-26.498-.026-47.973-21.501-48-48zm111.16 390.256a22.769 22.769 0 0121.6-.472 20.096 20.096 0 019.728 10.216h-70.488v-56.448a180.594 180.594 0 00-2.912-32.288l-10.864-59.768c-2.234-12.922-14.521-21.586-27.442-19.351-12.922 2.234-21.586 14.521-19.351 27.442.023.135.048.27.074.405l5.944 32.64a104.858 104.858 0 01-9.328 65.24l-7.768 15.528a8 8 0 005.248 11.4 23.912 23.912 0 0117.024 15.2h-65.68l10.256-20.544a119.745 119.745 0 001.92-103.504 103.998 103.998 0 01-4.464-74.64l32-100.8c6.64-24.877 31.351-40.414 56.648-35.616a47.203 47.203 0 0126.776 15.808l-47.28 22.84a29.863 29.863 0 00-16.8 26.736c-.04 16.374 13.201 29.681 29.575 29.721a29.638 29.638 0 0012.905-2.921l36.8-17.544 8.72 100.464v70.92a165.567 165.567 0 01-3.2 32.256l-8.528 42.608a8 8 0 0011.816 8.52l7.071-4.048zm48.464-299.152l-.24.104-107.8 51.432c-6.829 3.252-15.002.352-18.254-6.478a13.698 13.698 0 01-1.33-5.882 13.776 13.776 0 017.736-12.328l108.664-52.48a13.816 13.816 0 0113.272 1.104 13.767 13.767 0 016.328 11.712 14 14 0 01-8.376 12.816zm128.376-75.104h-24a8 8 0 00-8 8v40h-75.608c-7.031-12.987-22.492-18.894-36.392-13.904V32.049c0-8.837 7.163-16 16-16h96v24a8 8 0 008 8h24c8.837 0 16 7.163 16 16s-7.163 16-16 16z" />
<path d="M322.371 210.393l-26.344 26.344v-44.688h-16v60.688l-8 8-8-8v-28.688h-16v12.688l-26.344-26.344-11.312 11.312 56 56a8 8 0 0011.312 0l56-56-11.312-11.312z" />
<path d="M248.027 192.049h16v16h-16z" />
<path d="M248.027 160.049h16v16h-16z" />
<path d="M280.027 160.049h16v16h-16z" />
</svg>
),
},
{
title: 'Det här är bara början',
text:
'Vi hoppas med denna app inspirera till fler initiativ i hela den offentliga digitaliseringen.',
image: (
<svg
className="fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 486.038 486.038"
>
<path d="M386.667 188.301a144.009 144.009 0 00-50.637-9.232c-79.573.044-144.044 64.587-144 144.16a144.089 144.089 0 009.232 50.664l14.968-5.648c-24.884-66.097 8.527-139.852 74.624-164.736s139.852 8.527 164.736 74.624-8.527 139.852-74.624 164.736a127.876 127.876 0 01-90.112 0l-5.648 14.968c74.43 28.018 157.481-9.607 185.498-84.037 28.019-74.431-9.606-157.481-84.037-185.499z" />
<path d="M371.972 260.688c-34.446-19.866-78.475-8.046-98.341 26.4a72 72 0 000 71.941l13.848-8c-15.442-26.797-6.237-61.039 20.561-76.48s61.039-6.237 76.48 20.561c15.442 26.797 6.237 61.039-20.56 76.48a55.993 55.993 0 01-55.929-.009l-8 13.848c34.446 19.866 78.475 8.046 98.341-26.4s8.046-78.475-26.4-98.341z" />
<path d="M378.829 219.853c-57.058-23.715-122.536 3.315-146.251 60.373a111.878 111.878 0 00.069 86.043l14.768-6.176c-20.368-48.889 2.752-105.032 51.641-125.4s105.032 2.753 125.4 51.641-2.753 105.032-51.641 125.4a95.894 95.894 0 01-73.704.023l-6.16 14.72c57.058 23.715 122.536-3.315 146.251-60.373 23.714-57.057-3.315-122.536-60.373-146.251z" />
<path d="M336.03 291.069c-17.673 0-32 14.327-32 32a31.573 31.573 0 004.536 16.152l-47.2 47.2-35.736-7.192a8 8 0 00-8.08 3.2l-40 56a8 8 0 004 12.24l6.08 2.024a160.439 160.439 0 01-66.248 14.376H24.03a8 8 0 010-16h112c13.255 0 24-10.745 24-24s-10.745-24-24-24h-112a8 8 0 010-16h56c23.906-.026 44.149-17.639 47.48-41.312a23.944 23.944 0 0016.52-22.688v-8c13.255 0 24-10.745 24-24v-58.088c60.741-26.51 88.492-97.241 61.982-157.982-26.51-60.741-97.241-88.491-157.982-61.982s-88.491 97.241-61.982 157.982a120.006 120.006 0 0061.982 61.982v58.088c0 13.255 10.745 24 24 24v8a24 24 0 0015.36 22.328c-3.026 14.921-16.135 25.653-31.36 25.672h-56c-13.255 0-24 10.745-24 24s10.745 24 24 24h112a8 8 0 010 16h-112c-13.255 0-24 10.745-24 24s10.745 24 24 24h97.352c28.612-.021 56.79-7 82.104-20.336l4.952 14.864a8 8 0 007.592 5.472 7.913 7.913 0 004.648-1.496l56-40a8 8 0 003.2-8.072l-7.16-35.8 47.2-47.2a31.58 31.58 0 0016.112 4.568c17.673 0 32-14.327 32-32 0-17.673-14.326-32-32-32zm-208 32a8 8 0 01-16 0v-8h16v8zm24-48h-64v-8h64v8zm0-24h-64v-12.464a119.387 119.387 0 0032 4.464 119.387 119.387 0 0032-4.464v12.464zm-37.328-80h10.632l-4.664 56h-1.28l-4.688-56zm-98.672-48C15.963 65.632 62.471 19.015 119.908 18.947c57.438-.067 104.055 46.44 104.122 103.878.06 50.999-36.87 94.518-87.2 102.756l4.544-54.512h18.656c17.673-.004 31.997-14.334 31.993-32.007-.004-17.673-14.334-31.997-32.007-31.993-17.412.004-31.625 13.928-31.986 31.336l-1.36 16.664h-13.304l-1.336-16c0-17.673-14.327-32-32-32s-32 14.327-32 32 14.327 32 32 32h18.64l4.544 54.512c-50.216-8.258-87.095-51.621-87.184-102.512zm126.672 32l1.328-16c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16h-17.328zm-45.368 0H80.03c-8.837 0-16-7.163-16-16s7.163-16 16-16c8.951.111 16.117 7.458 16.005 16.408l-.005.256 1.304 15.336zm-1.304 144a8 8 0 01-8-8h64a8 8 0 01-8 8h-48zm109.84 142.848l-9.04-3.016 30.704-42.976 20.272 4.056-41.936 41.936zm14.328 20.352l-3.016-9.032 41.936-41.928 4.048 20.256-42.968 30.704zm115.832-123.2a15.707 15.707 0 01-4.088-.6l9.744-9.744-11.312-11.312-9.744 9.744a15.707 15.707 0 01-.6-4.088c0-8.837 7.163-16 16-16s16 7.163 16 16-7.163 16-16 16z" />
<path d="M295.526 127.253c.336-4.304.504-8.288.504-12.184a174.946 174.946 0 00-31.552-100.576l-13.12 9.152a156.856 156.856 0 0127.072 112.888 8 8 0 002.632 7.064 8 8 0 007.352 1.728 185.647 185.647 0 01139.616 18.4l8-13.856a201.481 201.481 0 00-140.504-22.616z" />
<path d="M468.318 173.069l-10.584 12a184.458 184.458 0 0116.304 16.304l12-10.6a203.195 203.195 0 00-17.72-17.704z" />
</svg>
),
},
{
title: 'Kan byggas ut till fler skolsystem',
text:
'Just nu stöds bara Stockholm Stads skolplattform men med din hjälp kan fler skolplattformar integreras så att du slipper logga in i flera appar om du har barn i olika skolor.',
image: (
<svg
className="fill-current"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 480 480"
>
<path d="M440 12H40C17.92 12.026.026 29.92 0 52v272c.026 22.08 17.92 39.974 40 40h288v-16H40c-13.255 0-24-10.745-24-24V52c0-13.255 10.745-24 24-24h400c13.255 0 24 10.745 24 24v272c0 13.255-10.745 24-24 24h-64v16h64c22.08-.026 39.974-17.92 40-40V52c-.026-22.08-17.92-39.974-40-40z" />
<path d="M408 44H40a8 8 0 00-8 8v272a8 8 0 008 8h288v-16H48V60h352v256h-24v16h32a8 8 0 008-8V52a8 8 0 00-8-8z" />
<path d="M432 148h16v80h-16z" />
<path d="M456 420H88a7.99 7.99 0 00-3.576.8l-32 16a8 8 0 000 14.32l32 16A8.002 8.002 0 0088 468h368c13.255 0 24-10.745 24-24s-10.745-24-24-24zm-48 32H89.888l-16-8 16-8H408v16zm48 0h-32v-16h32a8 8 0 010 16z" />
<path d="M368 220h-24v-24a8 8 0 00-8-8h-72v-8a8 8 0 00-8-8h-24v-24a8 8 0 00-8-8h-48v-16h32a8 8 0 008-8V84a8 8 0 00-8-8h-80a8 8 0 00-8 8v32a8 8 0 008 8h32v16h-56a8 8 0 00-8 8v24H72a8 8 0 00-8 8v32a8 8 0 008 8h64a8 8 0 008-8v-32a8 8 0 00-8-8h-24v-16h104v16h-24a8 8 0 00-8 8v32a8 8 0 008 8h24v24h-24a8 8 0 00-8 8v32a8 8 0 008 8h64a8 8 0 008-8v-32a8 8 0 00-8-8h-24v-24h24a8 8 0 008-8v-8h64v16h-24a8 8 0 00-8 8v32a8 8 0 008 8h64a8 8 0 008-8v-32a8 8 0 00-8-8zm-240-32v16H80v-16h48zm8-80V92h64v16h-64zm112 152v16h-48v-16h48zm0-56h-48v-16h48v16zm112 48h-48v-16h48v16z" />
<path d="M0 436v8a8 8 0 008 8h8v-16H0z" />
<path d="M339.16 364.952a32.09 32.09 0 01-8.568 9.096l9.312 13.016a48 48 0 0012.8-13.6l-13.544-8.512z" />
<path d="M344 339.128V348a32.35 32.35 0 01-.456 5.408l15.784 2.648A48.65 48.65 0 00360 348v-8.872h-16z" />
<path d="M274.24 380h15.632v16H274.24z" />
<path d="M319.288 379.2a32.14 32.14 0 01-7.288.8h-6.456v16H312a47.885 47.885 0 0010.912-1.248l-3.624-15.552z" />
<path d="M38.136 381.008a47.697 47.697 0 00-17.16 7.32l9.016 13.216a31.586 31.586 0 0111.424-4.872l-3.28-15.664z" />
<path d="M7.912 401.6a47.7 47.7 0 00-7.056 17.28l15.72 3.024a31.499 31.499 0 014.68-11.504l-13.344-8.8z" />
<path d="M211.72 380h15.64v16h-15.64z" />
<path d="M243 380h15.632v16H243z" />
<path d="M117.896 380h15.64v16h-15.64z" />
<path d="M86.624 380h15.64v16h-15.64z" />
<path d="M344 307.848h16v15.64h-16z" />
<path d="M55.352 380h15.632v16H55.352z" />
<path d="M149.168 380h15.64v16h-15.64z" />
<path d="M180.448 380h15.64v16h-15.64z" />
<path d="M344 276h16v16h-16z" />
</svg>
),
},
{
title: 'Skolan är allas vårt ansvar',
text:
'Vi insåg att klaga inte hjälper så mycket så vi tog tag i problemet istället. Häng med!',
image: <LightbulbAndCogs />,
},
]

View File

@ -45,3 +45,11 @@ a.patreon {
display: none;
}
}
.swiper-pagination-bullets > span {
@apply bg-gray-800 dark:bg-gray-200;
}
.swiper-pagination-bullets > span.swiper-pagination-bullet-active {
@apply bg-indigo-600 dark:bg-indigo-300;
}