dancingCycle/webseite
0
0
Fork 0
forked from ag_kommunikation/webseite
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Kompetenzen-Seite auf Services umgebaut.

Browse Source
This commit is contained in:
muli 2023-05-16 15:03:56 +02:00
parent 0b3bb926e1
commit b0cde1d0f7
8 changed files with 169 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
assets/css/style.css
View File

@ -924,6 +924,62 @@ hr.-even {
}
/* card_grid - end */
/* services- start */
.services_box {
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: 1fr;
grid-template-areas: "cards heading";
/*
row-gap: 1.5rem;
column-gap: 1.5rem;
*/
}
.services_box h1 {
margin-right: 1.5rem;
color: transparent;
background-image: url("../images/headings/services.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: right;
grid-area: heading;
}
.services_card_box {
grid-area: cards;
margin-left: 1.5rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.services_card {
display: flex;
flex-direction: row;
align-items: center;
gap: 2rem;
padding: 2rem;
background-color: var(--wtf-nearly-white);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
.services_card.-even {
flex-direction: row-reverse;
}
.services_card__image_box img {
height: 8rem;
}
.services_card__text_box h2 {
font-family: "Lato";
font-size: 1.5rem;
color: var(--wtf-orange);
margin-bottom: 0.5rem;
}
/* services_cards - end */
.content__box p, .content__box li {
hyphens: auto;
}

14
assets/images/headings/services.svg Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 97 480" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(6.12323e-17,-1,1,6.12323e-17,-482,745.474)">
<path d="M290.884,578.191C286.815,578.191 283.224,577.764 280.111,576.91C276.998,576.055 274.394,574.865 272.299,573.339C270.203,571.813 268.626,569.962 267.568,567.785C266.51,565.608 265.981,563.217 265.981,560.613C265.981,558.09 266.765,556.056 268.331,554.51C269.898,552.964 272.126,552.19 275.015,552.19C275.137,554.795 275.533,557.297 276.205,559.698C276.876,562.098 277.883,564.214 279.226,566.045C280.569,567.876 282.278,569.341 284.353,570.44C286.428,571.539 288.931,572.088 291.86,572.088C297.476,572.088 301.86,570.735 305.013,568.029C308.167,565.323 309.744,561.427 309.744,556.341C309.744,554.062 309.418,552.048 308.767,550.298C308.116,548.549 307.038,546.931 305.532,545.446C304.027,543.961 302.043,542.537 299.581,541.174C297.12,539.81 294.058,538.376 290.396,536.871C286.53,535.284 283.153,533.585 280.264,531.774C277.375,529.963 274.974,527.949 273.062,525.732C271.149,523.514 269.725,521.042 268.789,518.316C267.853,515.59 267.385,512.518 267.385,509.1C267.385,505.519 268.067,502.325 269.43,499.517C270.793,496.709 272.695,494.339 275.137,492.406C277.578,490.474 280.467,488.999 283.804,487.981C287.14,486.964 290.782,486.456 294.729,486.456C298.472,486.456 301.789,486.842 304.678,487.615C307.567,488.388 310.008,489.426 312.002,490.728C313.996,492.03 315.511,493.525 316.549,495.214C317.587,496.903 318.105,498.663 318.105,500.494C318.105,503.179 317.22,505.204 315.45,506.567C313.68,507.93 311.29,508.611 308.279,508.611C308.279,506.658 308.045,504.736 307.577,502.844C307.109,500.951 306.326,499.263 305.227,497.778C304.128,496.292 302.684,495.082 300.894,494.146C299.103,493.21 296.886,492.742 294.241,492.742C291.84,492.742 289.694,493.078 287.802,493.749C285.909,494.421 284.312,495.377 283.01,496.618C281.708,497.859 280.711,499.354 280.02,501.104C279.328,502.854 278.982,504.807 278.982,506.963C278.982,509.445 279.307,511.633 279.958,513.525C280.61,515.417 281.698,517.126 283.224,518.652C284.75,520.177 286.754,521.622 289.236,522.985C291.718,524.348 294.77,525.762 298.391,527.227C302.053,528.733 305.319,530.319 308.187,531.988C311.056,533.656 313.487,535.518 315.481,537.573C317.475,539.627 319.001,541.926 320.059,544.469C321.117,547.013 321.646,549.891 321.646,553.106C321.646,557.053 320.923,560.583 319.479,563.696C318.034,566.808 315.969,569.443 313.284,571.6C310.598,573.756 307.363,575.394 303.579,576.513C299.795,577.632 295.563,578.191 290.884,578.191Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M362.356,515.447C357.717,515.447 354.147,517.329 351.644,521.093C349.142,524.857 347.667,530.36 347.219,537.603L375.967,537.603C375.967,534.307 375.723,531.296 375.234,528.57C374.746,525.844 373.973,523.504 372.915,521.551C371.857,519.598 370.463,518.092 368.734,517.034C367.005,515.976 364.879,515.447 362.356,515.447ZM363.882,578.191C359.365,578.191 355.306,577.428 351.705,575.903C348.104,574.377 345.063,572.149 342.581,569.219C340.098,566.29 338.196,562.699 336.874,558.447C335.551,554.194 334.89,549.362 334.89,543.951C334.89,532.273 337.291,523.484 342.092,517.583C346.894,511.683 353.73,508.733 362.6,508.733C366.628,508.733 370.25,509.364 373.464,510.625C376.679,511.887 379.405,513.769 381.643,516.271C383.881,518.774 385.6,521.886 386.801,525.61C388.001,529.333 388.601,533.656 388.601,538.58L388.601,544.317L346.975,544.317C347.056,548.874 347.514,552.791 348.348,556.066C349.183,559.342 350.383,562.037 351.949,564.153C353.516,566.269 355.439,567.826 357.717,568.823C359.996,569.819 362.62,570.318 365.591,570.318C367.747,570.318 369.751,570.074 371.603,569.585C373.454,569.097 375.133,568.446 376.638,567.632C378.144,566.819 379.476,565.893 380.636,564.855C381.796,563.818 382.742,562.729 383.474,561.59C384.044,561.834 384.583,562.343 385.092,563.116C385.6,563.889 385.854,564.804 385.854,565.862C385.854,567.124 385.407,568.477 384.512,569.921C383.617,571.366 382.253,572.698 380.422,573.919C378.591,575.14 376.302,576.157 373.556,576.971C370.809,577.785 367.585,578.191 363.882,578.191Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M435.11,576.971L399.038,576.971L399.038,571.722L399.404,571.722C400.828,571.722 402.161,571.62 403.402,571.417C404.643,571.213 405.721,570.796 406.637,570.165C407.552,569.535 408.285,568.629 408.834,567.449C409.384,566.269 409.658,564.703 409.658,562.75L409.658,523.748C409.658,521.917 409.384,520.442 408.834,519.323C408.285,518.204 407.542,517.339 406.606,516.729C405.671,516.119 404.582,515.712 403.341,515.508C402.1,515.305 400.788,515.203 399.404,515.203L399.038,515.203L399.038,509.954L418.264,509.954L420.645,522.344L421.255,522.344C422.069,520.472 422.903,518.713 423.757,517.065C424.612,515.417 425.66,513.972 426.901,512.731C428.142,511.49 429.678,510.514 431.509,509.802C433.34,509.089 435.639,508.733 438.406,508.733C442.963,508.733 446.351,509.527 448.568,511.114C450.786,512.701 451.895,514.939 451.895,517.828C451.895,519.13 451.681,520.33 451.254,521.429C450.826,522.527 450.145,523.473 449.209,524.267C448.273,525.06 447.073,525.671 445.608,526.098C444.143,526.525 442.353,526.739 440.237,526.739C440.237,523.28 439.749,520.788 438.772,519.262C437.795,517.736 436.086,516.973 433.645,516.973C432.099,516.973 430.715,517.411 429.495,518.285C428.274,519.16 427.206,520.32 426.29,521.764C425.375,523.209 424.602,524.867 423.971,526.739C423.34,528.611 422.832,530.533 422.445,532.507C422.059,534.48 421.784,536.443 421.621,538.396C421.458,540.35 421.377,542.12 421.377,543.707L421.377,563.36C421.377,565.191 421.652,566.666 422.201,567.785C422.75,568.904 423.493,569.748 424.429,570.318C425.365,570.888 426.453,571.264 427.694,571.447C428.935,571.63 430.247,571.722 431.631,571.722L435.11,571.722L435.11,576.971Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M454.275,515.203L454.275,509.954L485.525,509.954L485.525,515.203L483.938,515.203C481.415,515.203 479.533,515.691 478.292,516.668C477.051,517.645 476.431,519.17 476.431,521.246C476.431,521.937 476.512,522.639 476.675,523.351C476.838,524.063 477.082,524.887 477.407,525.823L485.891,549.444C486.42,550.909 486.969,552.526 487.539,554.296C488.109,556.066 488.648,557.806 489.156,559.515C489.665,561.224 490.123,562.841 490.53,564.367C490.937,565.893 491.222,567.185 491.384,568.243L491.812,568.243C492.015,567.347 492.351,566.239 492.819,564.916C493.287,563.594 493.816,562.149 494.406,560.583C494.996,559.016 495.606,557.419 496.237,555.792C496.867,554.164 497.467,552.597 498.037,551.092L507.009,526.739C507.416,525.722 507.711,524.745 507.894,523.809C508.077,522.873 508.169,522.059 508.169,521.368C508.169,519.211 507.487,517.645 506.124,516.668C504.761,515.691 502.696,515.203 499.929,515.203L499.014,515.203L499.014,509.954L525.808,509.954L525.808,515.203L524.282,515.203C523.062,515.203 522.024,515.335 521.169,515.6C520.315,515.864 519.542,516.363 518.85,517.095C518.158,517.828 517.497,518.825 516.866,520.086C516.236,521.347 515.534,522.975 514.761,524.969L495.046,576.971L483.633,576.971L463.552,521.856C463.064,520.554 462.555,519.476 462.026,518.621C461.497,517.767 460.887,517.085 460.195,516.576C459.504,516.068 458.71,515.712 457.815,515.508C456.92,515.305 455.862,515.203 454.641,515.203L454.275,515.203Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M530.691,571.722C532.074,571.722 533.387,571.63 534.628,571.447C535.869,571.264 536.957,570.888 537.893,570.318C538.829,569.748 539.572,568.904 540.121,567.785C540.67,566.666 540.945,565.191 540.945,563.36L540.945,523.748C540.945,521.917 540.67,520.442 540.121,519.323C539.572,518.204 538.829,517.339 537.893,516.729C536.957,516.119 535.869,515.712 534.628,515.508C533.387,515.305 532.074,515.203 530.691,515.203L530.325,515.203L530.325,509.954L552.664,509.954L552.664,562.75C552.664,564.703 552.938,566.269 553.488,567.449C554.037,568.629 554.769,569.535 555.685,570.165C556.6,570.796 557.689,571.213 558.95,571.417C560.212,571.62 561.534,571.722 562.917,571.722L564.565,571.722L564.565,576.971L529.043,576.971L529.043,571.722L530.691,571.722ZM539.175,489.69C539.175,488.226 539.358,487.005 539.724,486.028C540.09,485.052 540.599,484.258 541.25,483.648C541.901,483.038 542.654,482.61 543.508,482.366C544.363,482.122 545.299,482 546.316,482C547.292,482 548.208,482.122 549.063,482.366C549.917,482.61 550.66,483.038 551.29,483.648C551.921,484.258 552.43,485.052 552.816,486.028C553.203,487.005 553.396,488.226 553.396,489.69C553.396,491.155 553.203,492.376 552.816,493.353C552.43,494.329 551.921,495.123 551.29,495.733C550.66,496.343 549.917,496.781 549.063,497.045C548.208,497.31 547.292,497.442 546.316,497.442C545.299,497.442 544.363,497.31 543.508,497.045C542.654,496.781 541.901,496.343 541.25,495.733C540.599,495.123 540.09,494.329 539.724,493.353C539.358,492.376 539.175,491.155 539.175,489.69Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M601.553,578.191C597.402,578.191 593.577,577.551 590.078,576.269C586.579,574.987 583.568,572.963 581.045,570.196C578.522,567.429 576.559,563.879 575.155,559.545C573.751,555.212 573.049,549.973 573.049,543.829C573.049,537.155 573.751,531.571 575.155,527.074C576.559,522.578 578.512,518.967 581.014,516.241C583.517,513.514 586.467,511.582 589.865,510.442C593.262,509.303 596.934,508.733 600.881,508.733C603.486,508.733 606.08,508.988 608.663,509.496C611.247,510.005 613.577,510.788 615.652,511.846C617.727,512.904 619.416,514.237 620.718,515.844C622.02,517.451 622.671,519.333 622.671,521.49C622.671,524.379 621.735,526.413 619.863,527.593C617.992,528.773 615.204,529.363 611.501,529.363C611.501,527.41 611.339,525.559 611.013,523.809C610.688,522.059 610.128,520.523 609.335,519.201C608.541,517.878 607.463,516.841 606.1,516.088C604.737,515.335 602.997,514.959 600.881,514.959C598.481,514.959 596.314,515.407 594.381,516.302C592.448,517.197 590.79,518.743 589.407,520.94C588.023,523.138 586.965,526.088 586.233,529.791C585.5,533.493 585.134,538.132 585.134,543.707C585.134,552.577 586.609,559.189 589.559,563.543C592.509,567.897 597.341,570.074 604.055,570.074C607.921,570.074 611.298,569.26 614.187,567.632C617.076,566.005 619.233,563.909 620.657,561.346C621.267,561.834 621.776,562.485 622.183,563.299C622.59,564.113 622.793,565.089 622.793,566.229C622.793,567.653 622.345,569.077 621.45,570.501C620.555,571.925 619.222,573.207 617.452,574.346C615.682,575.486 613.475,576.411 610.83,577.123C608.185,577.835 605.093,578.191 601.553,578.191Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M662.039,515.447C657.4,515.447 653.829,517.329 651.327,521.093C648.824,524.857 647.349,530.36 646.902,537.603L675.649,537.603C675.649,534.307 675.405,531.296 674.917,528.57C674.429,525.844 673.656,523.504 672.598,521.551C671.54,519.598 670.146,518.092 668.417,517.034C666.687,515.976 664.561,515.447 662.039,515.447ZM663.564,578.191C659.048,578.191 654.989,577.428 651.388,575.903C647.787,574.377 644.745,572.149 642.263,569.219C639.781,566.29 637.879,562.699 636.556,558.447C635.234,554.194 634.573,549.362 634.573,543.951C634.573,532.273 636.973,523.484 641.775,517.583C646.576,511.683 653.412,508.733 662.283,508.733C666.311,508.733 669.932,509.364 673.147,510.625C676.361,511.887 679.088,513.769 681.326,516.271C683.564,518.774 685.283,521.886 686.483,525.61C687.684,529.333 688.284,533.656 688.284,538.58L688.284,544.317L646.658,544.317C646.739,548.874 647.197,552.791 648.031,556.066C648.865,559.342 650.066,562.037 651.632,564.153C653.199,566.269 655.121,567.826 657.4,568.823C659.679,569.819 662.303,570.318 665.273,570.318C667.43,570.318 669.434,570.074 671.285,569.585C673.137,569.097 674.815,568.446 676.321,567.632C677.826,566.819 679.159,565.893 680.319,564.855C681.478,563.818 682.424,562.729 683.157,561.59C683.726,561.834 684.266,562.343 684.774,563.116C685.283,563.889 685.537,564.804 685.537,565.862C685.537,567.124 685.09,568.477 684.194,569.921C683.299,571.366 681.936,572.698 680.105,573.919C678.274,575.14 675.985,576.157 673.239,576.971C670.492,577.785 667.267,578.191 663.564,578.191Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
<path d="M720.815,578.191C717.682,578.191 714.844,577.917 712.301,577.367C709.758,576.818 707.591,575.984 705.801,574.865C704.01,573.746 702.627,572.363 701.65,570.715C700.674,569.067 700.186,567.144 700.186,564.947C700.186,563.278 700.46,561.885 701.01,560.766C701.559,559.647 702.23,558.762 703.024,558.111C703.817,557.46 704.672,557.002 705.587,556.738C706.503,556.473 707.327,556.341 708.059,556.341C708.059,558.538 708.283,560.593 708.73,562.505C709.178,564.418 709.931,566.096 710.989,567.541C712.047,568.985 713.44,570.125 715.17,570.959C716.899,571.793 719.025,572.21 721.548,572.21C723.786,572.21 725.759,571.935 727.468,571.386C729.177,570.837 730.612,570.064 731.771,569.067C732.931,568.07 733.816,566.869 734.426,565.466C735.037,564.062 735.342,562.526 735.342,560.857C735.342,559.311 735.108,557.979 734.64,556.86C734.172,555.741 733.358,554.693 732.198,553.716C731.039,552.74 729.462,551.743 727.468,550.726C725.474,549.708 722.972,548.549 719.961,547.247C716.746,545.822 713.949,544.449 711.569,543.127C709.188,541.804 707.225,540.37 705.679,538.824C704.132,537.278 702.973,535.518 702.2,533.544C701.427,531.571 701.04,529.221 701.04,526.495C701.04,523.646 701.6,521.124 702.719,518.926C703.837,516.729 705.435,514.888 707.51,513.403C709.585,511.917 712.067,510.788 714.956,510.015C717.845,509.242 721.06,508.855 724.6,508.855C727.57,508.855 730.194,509.161 732.473,509.771C734.752,510.381 736.664,511.205 738.21,512.243C739.757,513.281 740.916,514.501 741.689,515.905C742.463,517.309 742.849,518.784 742.849,520.33C742.849,522.609 742.066,524.43 740.499,525.793C738.933,527.156 736.705,527.837 733.816,527.837C733.816,523.646 732.951,520.391 731.222,518.072C729.493,515.752 726.777,514.593 723.074,514.593C720.958,514.593 719.147,514.837 717.642,515.325C716.136,515.813 714.905,516.505 713.949,517.4C712.993,518.296 712.291,519.354 711.843,520.574C711.396,521.795 711.172,523.138 711.172,524.603C711.172,526.189 711.457,527.563 712.026,528.722C712.596,529.882 713.501,530.95 714.742,531.927C715.983,532.903 717.591,533.849 719.564,534.765C721.538,535.68 723.908,536.708 726.675,537.847C729.971,539.231 732.799,540.594 735.159,541.937C737.519,543.279 739.462,544.744 740.988,546.331C742.513,547.918 743.643,549.708 744.375,551.702C745.107,553.696 745.474,555.995 745.474,558.599C745.474,561.854 744.884,564.703 743.704,567.144C742.524,569.585 740.855,571.63 738.699,573.278C736.542,574.926 733.948,576.157 730.917,576.971C727.885,577.785 724.518,578.191 720.815,578.191Z" style="fill:rgb(239,124,33);fill-rule:nonzero;"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

12
assets/images/icon_connected_servers.svg Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 207 207" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.369048,0,0,0.369048,-25.8334,0)">
<path d="M219.42,138.84L480.1,138.84C482.538,138.84 484.51,140.817 484.51,143.25L484.51,207.352C484.51,209.79 482.534,211.762 480.1,211.762L219.42,211.762C216.983,211.762 215.01,209.786 215.01,207.352L215.01,143.25C215.01,140.813 216.986,138.84 219.42,138.84ZM338.66,170.891C336.222,170.891 334.25,172.868 334.25,175.301C334.25,177.739 336.226,179.711 338.66,179.711L359.402,179.711C361.84,179.711 363.812,177.735 363.812,175.301C363.812,172.864 361.836,170.891 359.402,170.891L338.66,170.891ZM288.148,170.891C285.71,170.891 283.738,172.868 283.738,175.301C283.738,177.739 285.714,179.711 288.148,179.711L308.89,179.711C311.328,179.711 313.3,177.735 313.3,175.301C313.3,172.864 311.324,170.891 308.89,170.891L288.148,170.891ZM237.632,170.891C235.194,170.891 233.222,172.868 233.222,175.301C233.222,177.739 235.198,179.711 237.632,179.711L258.374,179.711C260.811,179.711 262.784,177.735 262.784,175.301C262.784,172.864 260.808,170.891 258.374,170.891L237.632,170.891Z" style="fill-rule:nonzero;"/>
<path d="M219.42,243.54L480.1,243.54C482.538,243.54 484.51,245.517 484.51,247.95L484.51,312.052C484.51,314.49 482.534,316.462 480.1,316.462L219.42,316.462C216.983,316.462 215.01,314.486 215.01,312.052L215.01,247.95C215.01,245.513 216.986,243.54 219.42,243.54ZM338.66,275.591C336.222,275.591 334.25,277.568 334.25,280.001C334.25,282.439 336.226,284.411 338.66,284.411L359.402,284.411C361.84,284.411 363.812,282.435 363.812,280.001C363.812,277.564 361.836,275.591 359.402,275.591L338.66,275.591ZM288.148,275.591C285.71,275.591 283.738,277.568 283.738,280.001C283.738,282.439 285.714,284.411 288.148,284.411L308.89,284.411C311.328,284.411 313.3,282.435 313.3,280.001C313.3,277.564 311.324,275.591 308.89,275.591L288.148,275.591ZM237.632,275.591C235.194,275.591 233.222,277.568 233.222,280.001C233.222,282.439 235.198,284.411 237.632,284.411L258.374,284.411C260.811,284.411 262.784,282.435 262.784,280.001C262.784,277.564 260.808,275.591 258.374,275.591L237.632,275.591Z" style="fill-rule:nonzero;"/>
<path d="M219.42,348.24L480.1,348.24C482.538,348.24 484.51,350.217 484.51,352.65L484.51,416.752C484.51,419.19 482.534,421.162 480.1,421.162L219.42,421.162C216.983,421.162 215.01,419.186 215.01,416.752L215.01,352.65C215.01,350.213 216.986,348.24 219.42,348.24ZM237.631,380.291C235.193,380.291 233.221,382.268 233.221,384.701C233.221,387.139 235.197,389.111 237.631,389.111L258.373,389.111C260.81,389.111 262.783,387.135 262.783,384.701C262.783,382.264 260.807,380.291 258.373,380.291L237.631,380.291ZM288.147,380.291C285.71,380.291 283.737,382.268 283.737,384.701C283.737,387.139 285.713,389.111 288.147,389.111L308.889,389.111C311.327,389.111 313.299,387.135 313.299,384.701C313.299,382.264 311.323,380.291 308.889,380.291L288.147,380.291ZM338.659,380.291C336.222,380.291 334.249,382.268 334.249,384.701C334.249,387.139 336.225,389.111 338.659,389.111L359.401,389.111C361.839,389.111 363.811,387.135 363.811,384.701C363.811,382.264 361.835,380.291 359.401,380.291L338.659,380.291Z" style="fill-rule:nonzero;"/>
<path d="M218.05,276.18C204.05,276.18 190.738,270.664 180.839,260.766C170.94,250.868 165.425,237.555 165.425,223.555C165.425,209.555 170.941,196.243 180.839,186.344C190.737,176.445 204.05,170.93 218.05,170.93C222.921,170.93 226.874,174.883 226.874,179.754C226.874,184.625 222.921,188.578 218.05,188.578C208.738,188.578 199.898,192.239 193.316,198.824C186.73,205.41 183.07,214.246 183.07,223.558C183.07,232.87 186.73,241.71 193.316,248.292C199.902,254.878 208.738,258.538 218.05,258.538C222.921,258.538 226.874,262.492 226.874,267.363C226.874,272.234 222.921,276.187 218.05,276.187L218.05,276.18Z"/>
<path d="M481.95,367.93C491.263,367.93 500.102,364.27 506.684,357.684C513.27,351.098 516.93,342.262 516.93,332.95C516.93,323.638 513.27,314.798 506.684,308.216C500.098,301.63 491.262,297.97 481.95,297.97C477.079,297.97 473.126,294.017 473.126,289.146C473.126,284.275 477.079,280.322 481.95,280.322C495.95,280.322 509.262,285.837 519.161,295.736C529.059,305.634 534.575,318.947 534.575,332.947C534.575,346.947 529.059,360.259 519.161,370.158C509.263,380.056 495.95,385.572 481.95,385.572C477.079,385.572 473.126,381.619 473.126,376.747C473.126,371.876 477.079,367.923 481.95,367.923L481.95,367.93Z"/>
<path d="M350,0C504.64,0 630,125.36 630,280C630,434.64 504.64,560 350,560C195.36,560 70,434.64 70,280C70,125.36 195.36,0 350,0ZM350,28.008C489.17,28.008 601.99,140.828 601.99,279.998C601.99,419.168 489.17,531.988 350,531.988C210.83,531.988 98.01,419.168 98.01,279.998C98.01,140.828 210.83,28.008 350,28.008Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

7
assets/images/icon_gears_bubble.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 214 201" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.423939,0,0,0.423939,-41.546,-18.7029)">
<path d="M350,44.117C210.83,44.117 98,139.262 98,256.607C98,323.646 134.836,383.387 192.344,422.337L192.344,515.884L254.844,453.388C284.211,463.513 316.321,469.122 350,469.122C489.18,469.122 602,373.977 602,256.622C602,139.262 489.18,44.122 350,44.122L350,44.117ZM401.09,337.997L375.582,334.395L364.074,350.438L375.676,373.45L357.992,386.466L339.457,368.564L320.719,374.779L316.586,400.22L294.629,400.361L290.184,374.986L271.364,369.009L253.079,387.177L235.227,374.368L246.539,351.223L234.828,335.313L209.363,339.251L202.425,318.396L225.191,306.33L225.062,286.568L202.14,274.787L208.793,253.877L234.305,257.478L245.809,241.423L234.196,218.423L251.88,205.388L270.4,223.302L289.142,217.068L293.278,191.638L315.235,191.509L319.692,216.884L338.501,222.853L356.79,204.697L374.642,217.494L363.326,240.662L375.049,256.557L400.522,252.619L407.433,273.455L384.675,285.541L384.792,305.275L407.718,317.052L401.09,337.997ZM509.16,193.167L493.262,196.448L487.735,209.78L496.66,223.342L484.595,235.416L471.017,226.502L457.685,232.026L454.403,247.928L437.301,247.928L434.036,232.026L420.684,226.502L407.125,235.416L395.039,223.342L403.965,209.78L398.441,196.448L382.539,193.167L382.539,176.069L398.441,172.8L403.965,159.445L395.039,145.894L407.125,133.808L420.684,142.733L434.036,137.21L437.301,121.315L454.403,121.315L457.685,137.21L471.017,142.733L484.595,133.808L496.66,145.894L487.735,159.445L493.262,172.8L509.16,176.069L509.16,193.167Z" style="fill-rule:nonzero;"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

15
assets/images/icon_processor.svg Normal file
View File

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 207 207" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1.33333,0,0,1.33333,-1069.59,-753.333)">
<g transform="matrix(0.295238,0,0,0.295238,776.356,559.833)">
<rect x="323.31" y="253.31" width="52.938" height="52.938" style="fill:rgb(30,30,30);"/>
</g>
<g transform="matrix(0.295238,0,0,0.295238,776.356,559.833)">
<path d="M296.62,333.38L403.81,333.38L403.81,226.63L296.62,226.63L296.62,333.38ZM315.87,249.818C315.87,247.63 317.62,245.88 319.808,245.88L380.62,245.88C382.807,245.88 384.557,247.63 384.557,249.818L384.557,310.63C384.557,312.818 382.807,314.568 380.62,314.568L319.808,314.568C317.62,314.568 315.87,312.818 315.87,310.63L315.87,249.818Z" style="fill:rgb(30,30,30);fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.295238,0,0,0.295238,776.356,559.833)">
<path d="M350,17.5C205.19,17.5 87.5,135.19 87.5,280C87.5,424.81 205.19,542.5 350,542.5C494.81,542.5 612.5,424.81 612.5,280C612.5,135.19 494.81,17.5 350,17.5ZM419.562,251.56L463.75,251.56C465.938,251.56 467.688,253.31 467.688,255.498C467.688,257.685 465.938,259.435 463.75,259.435L419.562,259.435C417.375,259.435 415.625,257.685 415.625,255.498C415.625,253.31 417.375,251.56 419.562,251.56ZM376.687,166.685C376.687,164.498 378.437,162.748 380.625,162.748C382.812,162.748 384.562,164.498 384.562,166.685L384.562,210.873C384.562,213.061 382.812,214.811 380.625,214.811C378.437,214.811 376.687,213.061 376.687,210.873L376.687,166.685ZM319.812,124.685L340.812,124.685C349.562,124.685 357,132.123 357,140.873L357,210.435C357,212.623 355.25,214.373 353.063,214.373C350.875,214.373 349.125,212.623 349.125,210.435L349.125,140.873C349.125,136.061 345.188,132.561 340.813,132.561L319.813,132.561C317.625,132.561 315.875,130.81 315.875,128.623C315.875,126.435 317.625,124.685 319.813,124.685L319.812,124.685ZM329,166.685L329,210.873C329,213.061 327.25,214.811 325.062,214.811C322.875,214.811 321.125,213.061 321.125,210.873L321.125,166.685C321.125,164.498 322.875,162.748 325.062,162.748C327.25,162.748 329,164.498 329,166.685ZM280.438,308.435L236.688,308.435C234.5,308.435 232.75,306.685 232.75,304.498C232.75,302.31 234.5,300.56 236.688,300.56L280.876,300.56C283.063,300.56 284.813,302.31 284.813,304.498C284.376,307.123 282.626,308.435 280.438,308.435ZM280.438,280.873L210.875,280.873C206.063,280.873 202.563,284.811 202.563,289.186L202.563,310.186C202.563,312.373 200.813,314.123 198.625,314.123C196.438,314.123 194.688,312.373 194.688,310.186L194.688,289.186C194.688,280.436 202.125,272.998 210.876,272.998L280.438,272.998C282.626,272.998 284.376,274.748 284.376,276.935C284.376,279.56 282.626,280.873 280.438,280.873ZM280.438,253.311L236.688,253.311C234.5,253.311 232.75,251.561 232.75,249.373C232.75,247.186 234.5,245.436 236.688,245.436L280.876,245.436C283.063,245.436 284.813,247.186 284.813,249.373C284.813,251.561 282.626,253.311 280.438,253.311ZM323.313,393.311C323.313,395.498 321.563,397.248 319.375,397.248C317.188,397.248 315.438,395.498 315.438,393.311L315.438,349.561C315.438,347.374 317.188,345.624 319.375,345.624C321.563,345.624 323.313,347.374 323.313,349.561L323.313,393.311ZM380.188,435.311L359.188,435.311C350.438,435.311 343,427.873 343,419.123L343,349.561C343,347.374 344.75,345.624 346.937,345.624C349.125,345.624 350.875,347.374 350.875,349.561L350.875,419.123C350.875,423.936 354.812,427.436 359.187,427.436L380.187,427.436C382.375,427.436 384.125,429.186 384.125,431.373C384.125,433.561 382.375,435.311 380.187,435.311L380.188,435.311ZM371,393.311L371,349.561C371,347.374 372.75,345.624 374.938,345.624C377.125,345.624 378.875,347.374 378.875,349.561L378.875,393.749C378.875,395.936 377.125,397.686 374.938,397.686C372.75,397.686 371,395.499 371,393.311ZM411.25,337.311C411.25,339.499 409.5,341.249 407.313,341.249L292.693,341.249C290.505,341.249 288.755,339.499 288.755,337.311L288.755,222.691C288.755,220.503 290.505,218.753 292.693,218.753L407.313,218.753C409.5,218.753 411.25,220.503 411.25,222.691L411.25,337.311ZM463.313,314.123L419.562,314.123C417.375,314.123 415.625,312.373 415.625,310.186C415.625,307.998 417.375,306.248 419.562,306.248L463.75,306.248C465.938,306.248 467.688,307.998 467.688,310.186C467.25,312.373 465.5,314.123 463.313,314.123ZM505.312,270.373C505.312,279.123 497.875,286.561 489.124,286.561L419.562,286.561C417.375,286.561 415.625,284.811 415.625,282.624C415.625,280.436 417.375,278.686 419.562,278.686L489.124,278.686C493.937,278.686 497.437,274.749 497.437,270.374L497.437,249.373C497.437,247.186 499.187,245.436 501.374,245.436C503.562,245.436 505.312,247.186 505.312,249.373L505.312,270.373Z" style="fill:rgb(30,30,30);fill-rule:nonzero;"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

4
content/about/kompetenzen/contents.lr
View File

@ -1,6 +1,6 @@
_model: page
_model: about_page
---
title: Kompetenzen
title: Services
---
body:

4
models/about_page.ini Normal file
View File

@ -0,0 +1,4 @@
[model]
name = About Page
label = {{ this.title }}
inherits = page

59
templates/about_page.html Normal file
View File

@ -0,0 +1,59 @@
{% extends "header_slim.html" %}
{%- block title -%}{{ this.title }}{%- endblock -%}
{%- block meta_description -%}
{%- if this.meta_description is defined and this.meta_description != "" -%}
{{ this.meta_description }}
{%- else -%}
Werkkooperative der Technikfreundinnen eG
{%- endif -%}
{%- endblock -%}
{% block body %}
<section class="content">
<div class="content__box">
<div class="services_box">
<h1>{{ this.title }}</h1>
<div class="services_card_box">
<div class="services_card -odd">
<div class="services_card__image_box">
<img src="{{'/images/icon_gears_bubble.svg'|asseturl }}" alt="" aria-hidden="true">
</div>
<div class="services_card__text_box">
<h2>Beratung</h2>
<p>
Profitieren Sie vom breit aufgestellten IT-Know-how, vom Erfahrungsaustausch und der Vernetzung unserer Mitglieder, Expertinnen und Experten in der Genossenschaft. Die WTF Kooperative ist Ihr kompetenter Ansprechpartner.
</p>
</div>
</div>
<div class="services_card -even">
<div class="services_card__image_box">
<img src="{{'/images/icon_processor.svg'|asseturl }}" alt="" aria-hidden="true">
</div>
<div class="services_card__text_box">
<h2>Entwicklung</h2>
<p>
Wir realisieren Ihre Projekte – egal ob Web-Applikation, mobile App oder hardwarenahe Programmierung. Auch können wir Sie bei Bedarf hinsichtlich passender Wirtschaftsförderprogramme beraten.
</p>
</div>
</div>
<div class="services_card -odd">
<div class="services_card__image_box">
<img src="{{'/images/icon_connected_servers.svg'|asseturl }}" alt="" aria-hidden="true">
</div>
<div class="services_card__text_box">
<h2>Betrieb</h2>
<p>
Nach dem Projekt lassen wir Sie nicht mit dem Ergebnis im Regen stehen, sondern bieten Ihnen auch über das Projekt hinaus Services für den Betrieb des abgeschlossenen Projekts und die Administration der Infrastruktur.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}