diff --git a/gfi-ihk-2024/stories/_global/styles/_mixins.scss b/gfi-ihk-2024/stories/_global/styles/_mixins.scss index 847ccb1..2d24690 100644 --- a/gfi-ihk-2024/stories/_global/styles/_mixins.scss +++ b/gfi-ihk-2024/stories/_global/styles/_mixins.scss @@ -318,6 +318,7 @@ @mixin icon-pause { content: '\e806'; } @mixin icon-volume-mute { content: '\e862'; } @mixin icon-volume-on { content: '\e86f'; } +@mixin icon-ankerlink-right { content: '\e873'; } // PICTOGRAMS @mixin pictogram-achtung { content: '\e800'; } diff --git a/gfi-ihk-2024/stories/_global/styles/icons.scss b/gfi-ihk-2024/stories/_global/styles/icons.scss index 91a271c..3fe403f 100644 --- a/gfi-ihk-2024/stories/_global/styles/icons.scss +++ b/gfi-ihk-2024/stories/_global/styles/icons.scss @@ -110,3 +110,4 @@ .icon-galerie-small:before { content: '\e870'; } .icon-interaction-small:before { content: '\e871'; } .icon-video-small:before { content: '\e872'; } +.icon-ankerlink-right:before { content: '\e873'; } \ No newline at end of file diff --git a/gfi-ihk-2024/stories/assets/fonts/icons/config.json b/gfi-ihk-2024/stories/assets/fonts/icons/config.json index 8935f99..faaa45b 100644 --- a/gfi-ihk-2024/stories/assets/fonts/icons/config.json +++ b/gfi-ihk-2024/stories/assets/fonts/icons/config.json @@ -7,7 +7,7 @@ "ascent": 850, "glyphs": [ { - "uid": "09e68b88d07c5d2fae88327834ed725d", + "uid": "4b1a1c3e3a2aa4029387130e6bf25ecd", "css": "ankerlink", "code": 59392, "src": "custom_icons", @@ -21,7 +21,7 @@ ] }, { - "uid": "260bae0fce7394eee87a43e1af4f0e45", + "uid": "712ae655ff2c1ed073bd7321c4114c6f", "css": "barrierefreiheit", "code": 59393, "src": "custom_icons", @@ -35,7 +35,7 @@ ] }, { - "uid": "297eff37b80eb4f7cd2998d8c804631e", + "uid": "9e34cb96e0e6bdb11e2e76f0c5353fa0", "css": "chat", "code": 59394, "src": "custom_icons", @@ -49,7 +49,7 @@ ] }, { - "uid": "b504b16aac4a00af08f769ee7532093a", + "uid": "341af09497e090ee65b41c7dc3e6a874", "css": "check", "code": 59395, "src": "custom_icons", @@ -63,7 +63,7 @@ ] }, { - "uid": "157f6cd55f45be5fe44d1b35ad42bc90", + "uid": "ca8c566acda38a48e001030cffbaff2d", "css": "checkbox-liste-1", "code": 59396, "src": "custom_icons", @@ -77,7 +77,7 @@ ] }, { - "uid": "9c6891ce3d4aa7ecc883b5ba1fd75531", + "uid": "64b02ef45a8de5f18ec5f38596891612", "css": "content-schloss", "code": 59397, "src": "custom_icons", @@ -91,7 +91,7 @@ ] }, { - "uid": "82149aec67429ad24aa59d894c4cb27f", + "uid": "eb5b86c8a24e6ca9cdd6a12718b2207e", "css": "pause", "code": 59398, "src": "custom_icons", @@ -105,7 +105,7 @@ ] }, { - "uid": "de3a47151a9c490ee0d6f61e7b23ad8f", + "uid": "0dbbdda298acc823a2343254c5a2a2f7", "css": "content", "code": 59399, "src": "custom_icons", @@ -119,7 +119,7 @@ ] }, { - "uid": "4ee4160c85b40c405a4629a8ef6584cd", + "uid": "89d9aad0ba08553fbacfde4bf8382463", "css": "dauer", "code": 59400, "src": "custom_icons", @@ -133,7 +133,7 @@ ] }, { - "uid": "9b687f6f3e25d4386136dc57dda282d9", + "uid": "e77d8b1cc4d6ce44208e175c4873c859", "css": "download", "code": 59401, "src": "custom_icons", @@ -147,7 +147,7 @@ ] }, { - "uid": "08f20a040ae33a70ca99e90ea7349a73", + "uid": "40d88a904b8299f603836813363cecee", "css": "dropdown", "code": 59402, "src": "custom_icons", @@ -161,7 +161,7 @@ ] }, { - "uid": "e59f0fc0d180ea9d88ff8898edfb8fc7", + "uid": "f1dbd3add37ffeda2dd9f4f6029ca6f5", "css": "drucker", "code": 59403, "src": "custom_icons", @@ -175,7 +175,7 @@ ] }, { - "uid": "d685f87425576ce073aab8aaf693336a", + "uid": "3e66a4e2420f3d7bc08eaeb27d0d2c49", "css": "email", "code": 59404, "src": "custom_icons", @@ -189,7 +189,7 @@ ] }, { - "uid": "d1c4530372432b1b9e7c62d2a5de8937", + "uid": "c057a6ace154667e42876cc84ae07b5d", "css": "fax", "code": 59405, "src": "custom_icons", @@ -203,7 +203,7 @@ ] }, { - "uid": "43c10a96ba43ea716a817f7847429a75", + "uid": "0e60700b2a8e8dbe2572786d918a38cc", "css": "freie-plaetze", "code": 59406, "src": "custom_icons", @@ -217,7 +217,7 @@ ] }, { - "uid": "72e4ade1e38a9c59e6c7acdcf16399fb", + "uid": "f8a54195e522cc570aa6ea65ddd54ef0", "css": "galerie", "code": 59407, "src": "custom_icons", @@ -231,7 +231,7 @@ ] }, { - "uid": "6bad3cce001cc1abda1ab2af40fbab15", + "uid": "c0cdea900e636c9350b163044cb8770c", "css": "gebaerdensprache", "code": 59408, "src": "custom_icons", @@ -245,7 +245,7 @@ ] }, { - "uid": "3183e3f1cb653b99b11bcb27a2da1e79", + "uid": "8eb6d850a72dd573a1dd10d07394318a", "css": "geschlossen", "code": 59409, "src": "custom_icons", @@ -259,7 +259,7 @@ ] }, { - "uid": "3133bb65c5dd47286c390f3e3113de06", + "uid": "b9a7540b42d97975e14b1c9a6663e5e8", "css": "ihk-wechseln", "code": 59410, "src": "custom_icons", @@ -273,7 +273,7 @@ ] }, { - "uid": "b5e0a62066156a415cf69fe599775577", + "uid": "90de71cb021380b2a0936a6d42c6a3ab", "css": "info", "code": 59411, "src": "custom_icons", @@ -287,7 +287,7 @@ ] }, { - "uid": "0d0d9bd472965c53eb751b0716716ba8", + "uid": "0176e033293ce88322485e08ce1857b0", "css": "kalender", "code": 59412, "src": "custom_icons", @@ -301,7 +301,7 @@ ] }, { - "uid": "25ea747b20e755941440a6e99570cc1e", + "uid": "f6b01f758382a07f1a619d968c3c1239", "css": "kartenpin", "code": 59413, "src": "custom_icons", @@ -315,7 +315,7 @@ ] }, { - "uid": "cac970bb8ec82eae9be4b58bc4325e91", + "uid": "cb3a45342a50809ff2ac728ba392e311", "css": "kontakt", "code": 59414, "src": "custom_icons", @@ -329,7 +329,7 @@ ] }, { - "uid": "f8ceb71cbc53c1db8e41fd7f2eff7ba5", + "uid": "d0076a34ade7d1fb341d84dc3c7371ae", "css": "laden", "code": 59415, "src": "custom_icons", @@ -343,7 +343,7 @@ ] }, { - "uid": "08b5ddefb1502f96895ec065cd08d35a", + "uid": "2c0305463c698d2c67854c1ee8f1738a", "css": "leichte-sprache", "code": 59416, "src": "custom_icons", @@ -357,7 +357,7 @@ ] }, { - "uid": "62d765e437c6bdc1d8123e765b43c797", + "uid": "2b35fa6abcc1be34e3a297d5cc8a89e8", "css": "link-external", "code": 59417, "src": "custom_icons", @@ -371,7 +371,7 @@ ] }, { - "uid": "e6a215f868c6b4d197b6669c7703f058", + "uid": "c25794690c87516e6c9832d370b67cbc", "css": "liste-schloss", "code": 59418, "src": "custom_icons", @@ -385,7 +385,7 @@ ] }, { - "uid": "2672264447d094c70af8ada3bf264503", + "uid": "2cd198c227b0269e81d2dd6c4bbd60e6", "css": "liste-stern", "code": 59419, "src": "custom_icons", @@ -399,7 +399,7 @@ ] }, { - "uid": "36439ae382124d8b3052ca375064f153", + "uid": "4454b4c1fe63dab4fd9b811333c5aab8", "css": "liste", "code": 59420, "src": "custom_icons", @@ -413,7 +413,7 @@ ] }, { - "uid": "ea91b68f85f287b1f84765b6cc06f7e9", + "uid": "c2872fcc729a4df3d72d3cfaf46246e1", "css": "loeschen", "code": 59421, "src": "custom_icons", @@ -427,7 +427,7 @@ ] }, { - "uid": "42b6451a76d6ec859dd53f4c5a0c828e", + "uid": "44c4dd00ea3af7c334fed8c7fa34b486", "css": "login", "code": 59422, "src": "custom_icons", @@ -441,7 +441,7 @@ ] }, { - "uid": "5000e596c39ae0b89100c9086ee0969c", + "uid": "65c46ed53a9b380c8b88a99b2fb8e10b", "css": "minus", "code": 59423, "src": "custom_icons", @@ -455,7 +455,7 @@ ] }, { - "uid": "9ddef440be6db79e5c2eeb50eee9c228", + "uid": "e6ea3f0a5cdda999d9025133e1ad9bd5", "css": "pdf", "code": 59424, "src": "custom_icons", @@ -469,7 +469,7 @@ ] }, { - "uid": "976418b75917ca7fc683b9fb36ea5eae", + "uid": "b0333563324075f21bed976fdb7b87f2", "css": "pfeil-links", "code": 59425, "src": "custom_icons", @@ -483,7 +483,7 @@ ] }, { - "uid": "5f376ff8b26f19adfe260c9ff15b70da", + "uid": "6a602960253f712146205b5f63372ee2", "css": "pfeil-oben", "code": 59426, "src": "custom_icons", @@ -497,7 +497,7 @@ ] }, { - "uid": "97fc113fb284ed34f414ec97ce78332f", + "uid": "ea16956060944d4721b3c27049f42132", "css": "pfeil-rechts-schloss", "code": 59427, "src": "custom_icons", @@ -511,7 +511,7 @@ ] }, { - "uid": "d605aa67740bf065a21ad2c325ee2c0d", + "uid": "eb22b3cc4935912e9207295b95b711bd", "css": "pfeil-rechts-stern", "code": 59428, "src": "custom_icons", @@ -525,7 +525,7 @@ ] }, { - "uid": "399c1a12b89f34babacd167763979d49", + "uid": "60002c5078bfde2d5e650777344ed845", "css": "pfeil-rechts", "code": 59429, "src": "custom_icons", @@ -539,7 +539,7 @@ ] }, { - "uid": "16a5c4354a29533a2cfccc6ce6682ff3", + "uid": "b90725eac8a12da0f2be80984eff83ff", "css": "pfeil-simple-rechts", "code": 59430, "src": "custom_icons", @@ -553,7 +553,7 @@ ] }, { - "uid": "54be0ff74b43e2c41752e5aabb4db889", + "uid": "68dcd3ead6f1b835d4b13f75e122718c", "css": "pfeil-unten", "code": 59431, "src": "custom_icons", @@ -567,7 +567,7 @@ ] }, { - "uid": "efb5c88c3d94f32283a4f97a7da27bb3", + "uid": "e55b48fa1f549167bf97e75c2f260ab7", "css": "plus", "code": 59432, "src": "custom_icons", @@ -581,7 +581,7 @@ ] }, { - "uid": "e864fb01f2be5816c1537174a86a08d4", + "uid": "4441b6e0dc2f1e5b585c3892880c4e30", "css": "preis", "code": 59433, "src": "custom_icons", @@ -595,7 +595,7 @@ ] }, { - "uid": "bcf86d758d04aa8d219c301ea64b0c9b", + "uid": "da023663546e3130eb4928f11e9d2534", "css": "referent", "code": 59434, "src": "custom_icons", @@ -609,7 +609,7 @@ ] }, { - "uid": "bc59b1a23523c5a9bda8cf0915cc305b", + "uid": "b53ef0bfaae94273918a53d32914faf1", "css": "reset", "code": 59435, "src": "custom_icons", @@ -623,7 +623,7 @@ ] }, { - "uid": "53dff476edb978de3754b037f5d2474e", + "uid": "1fd81178d89bbd5f9409eb370eb38e67", "css": "sanduhr", "code": 59436, "src": "custom_icons", @@ -637,7 +637,7 @@ ] }, { - "uid": "8c317aca8b97b9ea440205f06e52426f", + "uid": "89a1301ad39ac10ac89b2031e3582482", "css": "schliessen", "code": 59437, "src": "custom_icons", @@ -651,7 +651,7 @@ ] }, { - "uid": "eabe4f52b716377c27827f9a2461b23e", + "uid": "1a1a1e0f6aec8d87b31b86daf249b527", "css": "schloss", "code": 59438, "src": "custom_icons", @@ -665,7 +665,7 @@ ] }, { - "uid": "7de36db2d3ff146cf67a8ab879394460", + "uid": "675a66435b3c253ec62633602f57bf9c", "css": "sprache", "code": 59439, "src": "custom_icons", @@ -679,7 +679,7 @@ ] }, { - "uid": "a3eb77d65d70c89893ebb8cf1cc1b625", + "uid": "918f9f76d01037781975f90f7ea3febd", "css": "stern", "code": 59440, "src": "custom_icons", @@ -693,7 +693,7 @@ ] }, { - "uid": "b213abc10e2ce75dbd2130114f71d210", + "uid": "db936d35418abde6a81f34da63eeab08", "css": "suche-adresse", "code": 59441, "src": "custom_icons", @@ -707,7 +707,7 @@ ] }, { - "uid": "0b0cb11dae43f78aa2d4de329520aed3", + "uid": "a736ca49347dcce7235e6096d74c2ba0", "css": "suche-archiv", "code": 59442, "src": "custom_icons", @@ -721,7 +721,7 @@ ] }, { - "uid": "8653de17861a85ada99e9027058c8e34", + "uid": "2db0faf5f62481c52b77c566f4d326d3", "css": "suche-az", "code": 59443, "src": "custom_icons", @@ -735,7 +735,7 @@ ] }, { - "uid": "c3f00ba229a39c38b381eeb916d3637b", + "uid": "16796529e42c9e91a1b8562a4dae67f0", "css": "suche-chat", "code": 59444, "src": "custom_icons", @@ -749,7 +749,7 @@ ] }, { - "uid": "baabfbddf137d74b21484253438773f5", + "uid": "6e2f26a6a3bf4ec7dda29f30d31a49a8", "css": "suche-datei", "code": 59445, "src": "custom_icons", @@ -763,7 +763,7 @@ ] }, { - "uid": "71c5c5b58bd66507e23e1330d1a83d23", + "uid": "d60735c29bbb921c9e851a450234e79b", "css": "suche-firma", "code": 59446, "src": "custom_icons", @@ -777,7 +777,7 @@ ] }, { - "uid": "c879a60b8f4e118cc0f3b2ef4c82840e", + "uid": "4eb8e66dc55d3920c6c9d66ce561dbe4", "css": "suche-magazin", "code": 59447, "src": "custom_icons", @@ -791,7 +791,7 @@ ] }, { - "uid": "70f9c1df548a7e09f252b4fcacb44a19", + "uid": "156a5b2b03af3485edcd8df65e18cb89", "css": "suche-mail", "code": 59448, "src": "custom_icons", @@ -805,7 +805,7 @@ ] }, { - "uid": "2d2cd3232e2f5f3eab477f4f204da3c6", + "uid": "5a6169ee8f52e5fdb4d7247ad605b1df", "css": "suche-person", "code": 59449, "src": "custom_icons", @@ -819,7 +819,7 @@ ] }, { - "uid": "60f6df2fe94138488ead4e57868c90ca", + "uid": "d2194712eec52846095a19efb67a096e", "css": "suche-schloss", "code": 59450, "src": "custom_icons", @@ -833,7 +833,7 @@ ] }, { - "uid": "b28d96ebbfe0405a4a81ef08cee6b2aa", + "uid": "f60a94e4d0a1cdb593d92b3168451a2b", "css": "suche-veranstaltung", "code": 59451, "src": "custom_icons", @@ -847,7 +847,7 @@ ] }, { - "uid": "41aab046f3fbd35780c739ea101dda8a", + "uid": "e1620814232051c637eb17ee1573edb9", "css": "suche", "code": 59452, "src": "custom_icons", @@ -861,7 +861,7 @@ ] }, { - "uid": "6add54045563f47a6517acc9de10e3d1", + "uid": "540b19d982d5fb6e05f5eafbf1d6f832", "css": "teilnehmer-add", "code": 59453, "src": "custom_icons", @@ -875,7 +875,7 @@ ] }, { - "uid": "32a625b106dd0d1f685a6c4d9ab439d0", + "uid": "43304c89a69f6951c2d748b3f3d3b02b", "css": "telefon", "code": 59454, "src": "custom_icons", @@ -889,7 +889,7 @@ ] }, { - "uid": "fc0c7b21bad988755480c779658ccf72", + "uid": "5aece09fc9a1fc7535261a0d4b01b4f6", "css": "vcard", "code": 59455, "src": "custom_icons", @@ -903,7 +903,7 @@ ] }, { - "uid": "749d5df7e38cb01fdeaf4ebd9168023a", + "uid": "76dccfdd5b1fbaeeb42f18cf62700dba", "css": "small-arrow-right-simple", "code": 59456, "src": "custom_icons", @@ -917,7 +917,7 @@ ] }, { - "uid": "1dceec06d2c591070c2a3d88c39fa3c6", + "uid": "d8b1fed37d7e37a42690ef22ad64fac7", "css": "small-barrierefreiheit", "code": 59457, "src": "custom_icons", @@ -931,7 +931,7 @@ ] }, { - "uid": "3f016b79ea8ee8626d10b177fb5b2152", + "uid": "f57309c49571b01f1c05c1fba08609f4", "css": "small-download", "code": 59458, "src": "custom_icons", @@ -945,7 +945,7 @@ ] }, { - "uid": "d95918e07e77d1bcb79778478cfebc0c", + "uid": "2a5e4299685cdc308f5c6956e0c98e6e", "css": "small-gebaerdensprache", "code": 59459, "src": "custom_icons", @@ -959,7 +959,7 @@ ] }, { - "uid": "5eb7853afe8e99c59d4c65b7eaa1ef8e", + "uid": "475be81097f80c0f34337b632526e3b0", "css": "small-kontakt", "code": 59460, "src": "custom_icons", @@ -973,7 +973,7 @@ ] }, { - "uid": "8f0d0030b5f7a5badd5078692cdb4cae", + "uid": "7fb6814b68b697b01cdc96ee217de442", "css": "small-leichte-sprache", "code": 59461, "src": "custom_icons", @@ -987,7 +987,7 @@ ] }, { - "uid": "014ecbe3ad79571103a1f9a67b2dc9e6", + "uid": "8dcc6744cf9d0d793b713fb650dafe79", "css": "small-link-external", "code": 59462, "src": "custom_icons", @@ -1001,7 +1001,7 @@ ] }, { - "uid": "990239431477e5a9585cbe71b7805cfb", + "uid": "12b06a86dbfea821efd3b0c98dec3541", "css": "small-login", "code": 59463, "src": "custom_icons", @@ -1015,7 +1015,7 @@ ] }, { - "uid": "205b5c3e95043672db424b50da968a60", + "uid": "3f9bf24f049cbccaaa5e791b2ceaae00", "css": "small-pfeil-rechts", "code": 59464, "src": "custom_icons", @@ -1029,7 +1029,7 @@ ] }, { - "uid": "a10325d2741061497539292f2542ba36", + "uid": "f1e01d7383383e982e2112c1ded6fd81", "css": "small-sprache", "code": 59465, "src": "custom_icons", @@ -1043,7 +1043,7 @@ ] }, { - "uid": "ae3bae3f6ee91af4a2e6ea41a3323ab6", + "uid": "6dd3cfc03ea1d71117684b515048ded3", "css": "small-schloss", "code": 59466, "src": "custom_icons", @@ -1057,7 +1057,7 @@ ] }, { - "uid": "18578582a40e121d979d0e4aca1d0a7f", + "uid": "38363b1c009d6b626918ee338d6fc9b9", "css": "small-stern", "code": 59467, "src": "custom_icons", @@ -1071,7 +1071,7 @@ ] }, { - "uid": "f8cca0a23a04b95dc7e87ee7e8bf5bce", + "uid": "f3447077db5b7c693f208d98508938fc", "css": "teilen", "code": 59468, "src": "custom_icons", @@ -1085,7 +1085,7 @@ ] }, { - "uid": "97a735032a36a13818d997c7607a8919", + "uid": "48df2bf0fa686ee65e75c815bc17c366", "css": "social-telegram", "code": 59469, "src": "custom_icons", @@ -1099,7 +1099,7 @@ ] }, { - "uid": "3738cf6735cd4305d09e07140999de4e", + "uid": "2d0c44626ae19ccbafdbd7d64c1f444e", "css": "social-threema", "code": 59470, "src": "custom_icons", @@ -1113,7 +1113,7 @@ ] }, { - "uid": "f83c9315b890bb6889153327fbb97095", + "uid": "ac868c53f7727cc56bea5095dfb54c8f", "css": "social-whatsapp", "code": 59471, "src": "custom_icons", @@ -1127,7 +1127,7 @@ ] }, { - "uid": "d336d479f7437e42ceb245573aa9b336", + "uid": "160eb82b73d37ac6cffe51adb4c8a92e", "css": "suche-big", "code": 59472, "src": "custom_icons", @@ -1141,7 +1141,7 @@ ] }, { - "uid": "e72d2318ede7ec9686c6840e482da27d", + "uid": "9927874116981f990ae214c2ac13fab1", "css": "xsmall-pin", "code": 59473, "src": "custom_icons", @@ -1155,7 +1155,7 @@ ] }, { - "uid": "b64eb63e720938e4280ba08fbefefa44", + "uid": "22673ef2576b197a1e7368c5b81df8bb", "css": "check-1", "code": 59474, "src": "custom_icons", @@ -1169,7 +1169,7 @@ ] }, { - "uid": "9b9697bbf473c8315d23fc80b516806d", + "uid": "5e747f9ec33cdda211af26cadb6d3880", "css": "xsmall-euro", "code": 59475, "src": "custom_icons", @@ -1183,7 +1183,7 @@ ] }, { - "uid": "18387779b1d8d1a3475bce233690d754", + "uid": "56b8d872fc08abf38ef4c2fd5671fcb5", "css": "xsmall-geschlossen", "code": 59476, "src": "custom_icons", @@ -1197,7 +1197,7 @@ ] }, { - "uid": "dc0b754e4e2a0e7d2cc0903b4c16838b", + "uid": "67b42b9863828038c8bf2bf14896cd62", "css": "xsmall-kalender", "code": 59477, "src": "custom_icons", @@ -1211,7 +1211,7 @@ ] }, { - "uid": "a96d203c05a2e044256adc758f36be34", + "uid": "46a1bcf999ac864a971a11329e5767e7", "css": "xsmall-liste", "code": 59478, "src": "custom_icons", @@ -1225,7 +1225,7 @@ ] }, { - "uid": "0f970cd08d8e53f630893859c62553a3", + "uid": "7287e022c20ac8b304278042a242d0b1", "css": "xsmall-offen", "code": 59479, "src": "custom_icons", @@ -1239,7 +1239,7 @@ ] }, { - "uid": "694fab4ffc5d40fc0f680f69c3296b43", + "uid": "97238c5d75512c92f4b6f2b9525d2639", "css": "xsmall-uhr", "code": 59480, "src": "custom_icons", @@ -1253,7 +1253,7 @@ ] }, { - "uid": "d69d8c0e17516a8dbf9ba6effea4b4a8", + "uid": "b680456e862cd3f57941972429ad5169", "css": "social-facebook", "code": 59481, "src": "custom_icons", @@ -1267,7 +1267,7 @@ ] }, { - "uid": "28f2433b9dfdee89b421a878b532d6cc", + "uid": "853acc412cb33d4f0f1eaf36e14b34f2", "css": "liste-1", "code": 59482, "src": "custom_icons", @@ -1281,7 +1281,7 @@ ] }, { - "uid": "faa58b70f03d6a1160dc571a37ed8a90", + "uid": "9395bbbcf18728b5aabfd233fe56d207", "css": "social-linkedin", "code": 59483, "src": "custom_icons", @@ -1295,7 +1295,7 @@ ] }, { - "uid": "d1baa8f6d754c7ecb43b9c0245f4a199", + "uid": "ea8a452785d3745c5e2fd1faeb22ac8b", "css": "social-pinterest", "code": 59484, "src": "custom_icons", @@ -1309,7 +1309,7 @@ ] }, { - "uid": "b061a147e8ff108df56f131f527e8183", + "uid": "3ea4dcb415e9b9d7d013b80da5d36544", "css": "social_x", "code": 59485, "src": "custom_icons", @@ -1323,7 +1323,7 @@ ] }, { - "uid": "ca1f07d706ea6359656a83d24b028768", + "uid": "baa7ba8a15df40372726a33507234e96", "css": "social-xing", "code": 59486, "src": "custom_icons", @@ -1337,7 +1337,7 @@ ] }, { - "uid": "01fe4282a057a9feb6d7de2983d336a1", + "uid": "cb8dd2c0f8fc76d8ef338eaa2f31a554", "css": "zoom", "code": 59487, "src": "custom_icons", @@ -1351,7 +1351,7 @@ ] }, { - "uid": "12e136eb921b256a2e9c0b132ce3fdbf", + "uid": "03211db3cbc736d298f472d1b5acc1aa", "css": "social-youtube", "code": 59488, "src": "custom_icons", @@ -1365,7 +1365,7 @@ ] }, { - "uid": "cc1ebc632091a415525739f51a9d4f21", + "uid": "0232db8c71f9305c7c1c2d8fa8a3bca8", "css": "social-instagram", "code": 59489, "src": "custom_icons", @@ -1379,7 +1379,7 @@ ] }, { - "uid": "f8c950fd582af4fc03f0d72611aa81cb", + "uid": "310413755e23a450a2e400d6a9b7f01d", "css": "volume-mute", "code": 59490, "src": "custom_icons", @@ -1393,7 +1393,7 @@ ] }, { - "uid": "be26ae1e0c1c9bbaa9686cf13313d420", + "uid": "c9e59bac617bb12c19381ec2add12971", "css": "faq", "code": 59497, "src": "custom_icons", @@ -1407,7 +1407,7 @@ ] }, { - "uid": "c51710fbc4e1041e9b26b96fb0e8e764", + "uid": "903ccdaaf6aa6abb4ce36bb67cda6bdf", "css": "checkbox-liste", "code": 59498, "src": "custom_icons", @@ -1421,7 +1421,7 @@ ] }, { - "uid": "9e1cee491dee61ddce15216a2f32ed85", + "uid": "3c089115e28006bcd776494ce452484b", "css": "content-stern", "code": 59499, "src": "custom_icons", @@ -1435,7 +1435,7 @@ ] }, { - "uid": "1cd003a0e1dbba2b085aebc8bd91dffd", + "uid": "32372f08f6ce7185b806791e6bf49bf7", "css": "small-election-group", "code": 59500, "src": "custom_icons", @@ -1449,7 +1449,7 @@ ] }, { - "uid": "4fcb055abef208ac95e77cd4834a08e3", + "uid": "bde4cafe108159373fa64dc544fa9042", "css": "play", "code": 59501, "src": "custom_icons", @@ -1463,7 +1463,7 @@ ] }, { - "uid": "0509c386b46250b8cdd749274f6e1e30", + "uid": "286dd224cb57589e4f68f21ca217eb0a", "css": "small-icon-election-location", "code": 59502, "src": "custom_icons", @@ -1477,7 +1477,7 @@ ] }, { - "uid": "27545b7b62ae2bb8b5a773de50b0aa56", + "uid": "f8e98bb864d112265cb6ab250d811bde", "css": "volume-on", "code": 59503, "src": "custom_icons", @@ -1491,7 +1491,7 @@ ] }, { - "uid": "657636256a9f3ca444977089a104873c", + "uid": "6598f66014f344c91734183e2edf7a93", "css": "galerie-small", "code": 59504, "src": "custom_icons", @@ -1505,7 +1505,7 @@ ] }, { - "uid": "e596535200942d3e6e1d83f619fe3e23", + "uid": "23f3c62835b41669c5d42752379a59fc", "css": "interaction-small", "code": 59505, "src": "custom_icons", @@ -1519,7 +1519,7 @@ ] }, { - "uid": "5a645026dc8abec9e564d6addebbf718", + "uid": "638ea8452e19beec59dcdd75e1ab08cb", "css": "video-small", "code": 59506, "src": "custom_icons", @@ -1533,7 +1533,7 @@ ] }, { - "uid": "128307d45edf491983cf0048be6047cd", + "uid": "ad4672ab7a74f99b4f1d26515ab77c19", "css": "userlike", "code": 59590, "src": "custom_icons", @@ -1547,7 +1547,7 @@ ] }, { - "uid": "7f21de5f308dccb719829b6a03186b71", + "uid": "1edd16282fff2dca3817ae8058584369", "css": "userlike-chat", "code": 59591, "src": "custom_icons", @@ -1561,7 +1561,7 @@ ] }, { - "uid": "f2da553b5a462117f7a468e995348874", + "uid": "d056f4bd008451b6c13f33c2c686c41e", "css": "magazine", "code": 59592, "src": "custom_icons", @@ -1575,7 +1575,7 @@ ] }, { - "uid": "a67a5bb398a7671eb90f4b7a71df9e10", + "uid": "3e24f11d42d131727afb7178aa136bac", "css": "lokalisierung", "code": 59593, "src": "custom_icons", @@ -1589,7 +1589,7 @@ ] }, { - "uid": "7a569d175c22cf116fc10c9451774b82", + "uid": "a13d1ea1f76bd540ba7cc5fff528c01f", "css": "login-flyout", "code": 59594, "src": "custom_icons", @@ -1603,7 +1603,7 @@ ] }, { - "uid": "261344e4c72f03c5ebcc5bf6960055e0", + "uid": "f63c253217645a441015a96d2d417315", "css": "login-header", "code": 59595, "src": "custom_icons", @@ -1615,6 +1615,20 @@ "search": [ "login-header" ] + }, + { + "uid": "17d75ff2e612403b0bce6942d431dd61", + "css": "ankerlink-right", + "code": 59507, + "src": "custom_icons", + "selected": true, + "svg": { + "path": "M133.3 266.7C133.3 248.3 148.3 233.3 166.7 233.3H442.4C534.4 233.3 609 308 609 400V754.1L776.7 590.1C789.9 577.3 811 577.5 823.8 590.7 836.7 603.8 836.5 624.9 823.3 637.8L599 857.2C586 869.8 565.3 869.8 552.4 857.2L328.1 637.8C314.9 624.9 314.7 603.8 327.5 590.7 340.4 577.5 361.5 577.3 374.7 590.1L542.4 754.1V400C542.4 344.8 497.6 300 442.4 300H166.7C148.3 300 133.3 285.1 133.3 266.7Z", + "width": 1000 + }, + "search": [ + "ankerlink-right" + ] } ] } \ No newline at end of file diff --git a/gfi-ihk-2024/stories/assets/fonts/icons/icons.eot b/gfi-ihk-2024/stories/assets/fonts/icons/icons.eot index 1bf822b..118d629 100644 Binary files a/gfi-ihk-2024/stories/assets/fonts/icons/icons.eot and b/gfi-ihk-2024/stories/assets/fonts/icons/icons.eot differ diff --git a/gfi-ihk-2024/stories/assets/fonts/icons/icons.svg b/gfi-ihk-2024/stories/assets/fonts/icons/icons.svg index 72c164f..99c38b9 100644 --- a/gfi-ihk-2024/stories/assets/fonts/icons/icons.svg +++ b/gfi-ihk-2024/stories/assets/fonts/icons/icons.svg @@ -224,6 +224,8 @@ + + diff --git a/gfi-ihk-2024/stories/assets/fonts/icons/icons.ttf b/gfi-ihk-2024/stories/assets/fonts/icons/icons.ttf index 42de5b4..46d68ea 100644 Binary files a/gfi-ihk-2024/stories/assets/fonts/icons/icons.ttf and b/gfi-ihk-2024/stories/assets/fonts/icons/icons.ttf differ diff --git a/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff b/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff index e4075a8..7aae954 100644 Binary files a/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff and b/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff differ diff --git a/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff2 b/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff2 index 1a8f357..aec62f9 100644 Binary files a/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff2 and b/gfi-ihk-2024/stories/assets/fonts/icons/icons.woff2 differ diff --git a/gfi-ihk-2024/stories/atoms/skip-button/SkipButton.stories.js b/gfi-ihk-2024/stories/atoms/skip-button/SkipButton.stories.js new file mode 100644 index 0000000..0dba918 --- /dev/null +++ b/gfi-ihk-2024/stories/atoms/skip-button/SkipButton.stories.js @@ -0,0 +1,13 @@ +import {createSkipButton} from './SkipButtonComponent'; + +export default { + title: 'Atoms/Skip-Button', + argTypes: {}, +}; + +const Template = ({label, ...args}) => { + return createSkipButton({label, ...args}); +}; + +export const SkipButton = Template.bind({}); +SkipButton.args = {}; diff --git a/gfi-ihk-2024/stories/atoms/skip-button/SkipButtonComponent.js b/gfi-ihk-2024/stories/atoms/skip-button/SkipButtonComponent.js new file mode 100644 index 0000000..8c4b5d5 --- /dev/null +++ b/gfi-ihk-2024/stories/atoms/skip-button/SkipButtonComponent.js @@ -0,0 +1,15 @@ +import './skip-button.scss'; +import {createButton} from "../button/ButtonComponent"; + +export const createSkipButton = () => { + let skipBtn = createButton({ + color: 'secondary', + link: '#main', + label: 'Zum Hauptinhalt springen', + iconPosition: 'icon-right', + icon: 'ankerlink-right'}); + skipBtn.classList.add('skip-btn'); + + return skipBtn; + }; + diff --git a/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss b/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss new file mode 100644 index 0000000..1febc2c --- /dev/null +++ b/gfi-ihk-2024/stories/atoms/skip-button/skip-button.scss @@ -0,0 +1,13 @@ +@import '../../_global/styles/mixins'; +@import '../../_global/styles/vars'; + +.skip-btn { + position: absolute; + left: 50%; + top: -80px; + z-index: 9999; + transform: translate(-50%,0); + &:focus { + top: 15px; + } +} diff --git a/gfi-ihk-2024/stories/pages/home/HomePage.js b/gfi-ihk-2024/stories/pages/home/HomePage.js index 3eb137b..2d74b7d 100644 --- a/gfi-ihk-2024/stories/pages/home/HomePage.js +++ b/gfi-ihk-2024/stories/pages/home/HomePage.js @@ -13,6 +13,8 @@ import {createSocialSection} from "../../sections/social/SocialComponent"; import {createTeasersSection} from "../../sections/teasers/TeasersComponent"; import {createSurvey} from "../../sections/survey/SurveyComponent"; import {createTextWithHeadline} from "../../components/text-with-headline/TextWithHeadlineComponent"; +import {createButton} from "../../atoms/button/ButtonComponent"; +import {createSkipButton} from "../../atoms/skip-button/SkipButtonComponent"; export const createHomePage = ({ globalMessageType = 'light', @@ -25,6 +27,9 @@ export const createHomePage = ({ const main = createElement('main', ['page-content'], null, wrapper); const footer = createFooter({}); + let skipBtn = createSkipButton(); + + page.insertBefore(skipBtn, wrapper); page.insertBefore(header, wrapper); page.appendChild(footer);