diff --git a/v1-com-officielle/index.html b/v1-com-officielle/index.html index 6f94cf9..0b2deba 100644 --- a/v1-com-officielle/index.html +++ b/v1-com-officielle/index.html @@ -4,6 +4,7 @@ DRAGS AND NERDS #2 + diff --git a/v1-com-officielle/package-lock.json b/v1-com-officielle/package-lock.json index cc699fa..2204690 100644 --- a/v1-com-officielle/package-lock.json +++ b/v1-com-officielle/package-lock.json @@ -10,6 +10,7 @@ "dependencies": { "vite-svg-loader": "^5.1.1", "vue": "^3.5.25", + "vue3-clipboard": "^1.0.0", "vue3-moveable": "^0.28.0" }, "devDependencies": { @@ -1068,6 +1069,17 @@ "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", "license": "ISC" }, + "node_modules/clipboard": { + "version": "2.0.11", + "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz", + "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==", + "license": "MIT", + "dependencies": { + "good-listener": "^1.2.2", + "select": "^1.1.2", + "tiny-emitter": "^2.0.0" + } + }, "node_modules/commander": { "version": "7.2.0", "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz", @@ -1239,6 +1251,12 @@ } } }, + "node_modules/delegate": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz", + "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw==", + "license": "MIT" + }, "node_modules/dom-serializer": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", @@ -1415,6 +1433,15 @@ "@scena/event-emitter": "^1.0.2" } }, + "node_modules/good-listener": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz", + "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==", + "license": "MIT", + "dependencies": { + "delegate": "^3.1.2" + } + }, "node_modules/keycode": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/keycode/-/keycode-2.2.1.tgz", @@ -1513,9 +1540,9 @@ "license": "ISC" }, "node_modules/picomatch": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", - "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", + "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", "dev": true, "license": "MIT", "engines": { @@ -1647,6 +1674,12 @@ "node": ">=11.0.0" } }, + "node_modules/select": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz", + "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA==", + "license": "MIT" + }, "node_modules/selecto": { "version": "1.26.3", "resolved": "https://registry.npmjs.org/selecto/-/selecto-1.26.3.tgz", @@ -1699,6 +1732,12 @@ "url": "https://opencollective.com/svgo" } }, + "node_modules/tiny-emitter": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz", + "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==", + "license": "MIT" + }, "node_modules/tinyglobby": { "version": "0.2.15", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", @@ -1825,6 +1864,18 @@ } } }, + "node_modules/vue3-clipboard": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/vue3-clipboard/-/vue3-clipboard-1.0.0.tgz", + "integrity": "sha512-GUqKh1oO79xDpq0z+cCv/NDVTpcJGNDzeNgT3PmTdTp/WJh3gcTrDqIYKycKhzMFOtIFJ7hO/+usgyWtT+fNhA==", + "license": "ISC", + "dependencies": { + "clipboard": "^2.0.6" + }, + "peerDependencies": { + "vue": "^3.0.0" + } + }, "node_modules/vue3-moveable": { "version": "0.28.0", "resolved": "https://registry.npmjs.org/vue3-moveable/-/vue3-moveable-0.28.0.tgz", diff --git a/v1-com-officielle/package.json b/v1-com-officielle/package.json index eb4d512..e11f394 100644 --- a/v1-com-officielle/package.json +++ b/v1-com-officielle/package.json @@ -11,6 +11,7 @@ "dependencies": { "vite-svg-loader": "^5.1.1", "vue": "^3.5.25", + "vue3-clipboard": "^1.0.0", "vue3-moveable": "^0.28.0" }, "devDependencies": { diff --git a/v1-com-officielle/public/DATA/peopleData.json b/v1-com-officielle/public/DATA/peopleData.json index 0c9b796..9234b29 100644 --- a/v1-com-officielle/public/DATA/peopleData.json +++ b/v1-com-officielle/public/DATA/peopleData.json @@ -2,5 +2,9 @@ { "name": "vega", "folder": 2 + }, + { + "name": "Drags and Nerds /", + "folder": 2 } ] diff --git a/v1-com-officielle/public/dnn-screen.png b/v1-com-officielle/public/dnn-screen.png index 81a4f2e..d2f62ac 100644 Binary files a/v1-com-officielle/public/dnn-screen.png and b/v1-com-officielle/public/dnn-screen.png differ diff --git a/v1-com-officielle/public/favicon.jpg b/v1-com-officielle/public/favicon.jpg new file mode 100644 index 0000000..b1460cd Binary files /dev/null and b/v1-com-officielle/public/favicon.jpg differ diff --git a/v1-com-officielle/public/favicon.svg b/v1-com-officielle/public/favicon.svg new file mode 100644 index 0000000..60e24d1 --- /dev/null +++ b/v1-com-officielle/public/favicon.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/public/helperFunctions.js b/v1-com-officielle/public/helperFunctions.js index 60fce30..9410c79 100644 --- a/v1-com-officielle/public/helperFunctions.js +++ b/v1-com-officielle/public/helperFunctions.js @@ -13,10 +13,10 @@ function togglePlayPause() { // Function to refresh the pattern with a new random seed const selectedSeeds = [53, 118, 506]; var seedCount = 2; -function refreshPattern() { +function refreshPattern(seed) { timeOffset = performance.now(); //randomSeed = Math.floor(Math.random() * 1000,0); - randomSeed = selectedSeeds[seedCount]; + randomSeed = seed; gl.uniform1f(seedLocation, randomSeed); if(!isPlaying){ isPlaying = true; diff --git a/v1-com-officielle/public/main.js b/v1-com-officielle/public/main.js index 8c54f5a..a050b62 100644 --- a/v1-com-officielle/public/main.js +++ b/v1-com-officielle/public/main.js @@ -114,9 +114,10 @@ const params = { }; // Also refresh on page load -window.addEventListener('load', refreshPattern); +window.addEventListener('load', refreshPattern(506)); window.addEventListener('resize', updateCanvasSize); + // Initialize dat.gui const gui = new dat.GUI({ autoplace: false }); gui.close(); @@ -192,9 +193,12 @@ function render(timestamp) { animationID = requestAnimationFrame(render); } } +function refreshBackground(seed){ + isPlaying = true; + refreshPattern(seed); + updateUniforms(); + animationID = requestAnimationFrame(render); +} // Start the animation loop -isPlaying = true; -refreshPattern(); -updateUniforms(); -animationID = requestAnimationFrame(render); +refreshBackground(506); diff --git a/v1-com-officielle/src/App.vue b/v1-com-officielle/src/App.vue index 4ce165d..8e4e165 100644 --- a/v1-com-officielle/src/App.vue +++ b/v1-com-officielle/src/App.vue @@ -3,6 +3,7 @@ + @@ -25,7 +26,7 @@ width:100%; position:absolute; inset:0; - height:200%; + height:233%; display: flex; flex-direction: column; align-items: center; diff --git a/v1-com-officielle/src/assets/icons/afaG.svg b/v1-com-officielle/src/assets/icons/afaG.svg new file mode 100644 index 0000000..9fa470c --- /dev/null +++ b/v1-com-officielle/src/assets/icons/afaG.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/afaN.svg b/v1-com-officielle/src/assets/icons/afaN.svg new file mode 100644 index 0000000..6dcbfd3 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/afaN.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/loveG.svg b/v1-com-officielle/src/assets/icons/loveG.svg new file mode 100644 index 0000000..42545d2 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/loveG.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/loveN.svg b/v1-com-officielle/src/assets/icons/loveN.svg new file mode 100644 index 0000000..97395a2 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/loveN.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/msg.svg b/v1-com-officielle/src/assets/icons/msg.svg index ce00c3e..7db9879 100644 --- a/v1-com-officielle/src/assets/icons/msg.svg +++ b/v1-com-officielle/src/assets/icons/msg.svg @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/tsG.svg b/v1-com-officielle/src/assets/icons/tsG.svg new file mode 100644 index 0000000..f9944d9 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/tsG.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/tsN.svg b/v1-com-officielle/src/assets/icons/tsN.svg new file mode 100644 index 0000000..03d2149 --- /dev/null +++ b/v1-com-officielle/src/assets/icons/tsN.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/style.css b/v1-com-officielle/src/assets/style.css index 1355903..9624b4f 100644 --- a/v1-com-officielle/src/assets/style.css +++ b/v1-com-officielle/src/assets/style.css @@ -4,12 +4,14 @@ --back-color: black; --main-color: white; --accent-color: #3CFF00; + --neon-color: #3CFF00; } :root[data-theme="light"]{ --back-color: white; --main-color: black; --accent-color: #C303FF; + --neon-color: black; } /*=============Typo*/ @@ -38,11 +40,11 @@ /*===================Animation*/ @keyframes blink { 0% { color: var(--accent-color);} - 15% { color: #000000;} - 35% { color: #000000;} + 15% { color: var(--main-color);} + 35% { color: var(--main-color);} 50% { color: var(--accent-color);} - 65% { color: #000000;} - 85% { color: #000000;} + 65% { color: var(--main-color);} + 85% { color: var(--main-color);} 100% { color: var(--accent-color);} } @@ -304,7 +306,7 @@ canvas { .windowTitleLower{ font-family: 'velvelyne'; - font-weight: lighter; + font-weight: bold; font-size: 13.12px; } diff --git a/v1-com-officielle/src/components/TitleContent.vue b/v1-com-officielle/src/components/TitleContent.vue index df7daf2..d752de1 100644 --- a/v1-com-officielle/src/components/TitleContent.vue +++ b/v1-com-officielle/src/components/TitleContent.vue @@ -23,7 +23,7 @@ background-color: transparent; width:100%; position: relative; - height:100%; + height:117%; display: flex; flex-direction: column; align-items: center; diff --git a/v1-com-officielle/src/data/audioData.js b/v1-com-officielle/src/data/audioData.js index 8be6e9f..9fc4b95 100644 --- a/v1-com-officielle/src/data/audioData.js +++ b/v1-com-officielle/src/data/audioData.js @@ -25,7 +25,7 @@ export async function loadAudioData() { const pouets = await res.json(); const filtered = pouets.filter(p => aData.some(user => p.account.display_name === user)); - console.log(filtered); + //console.log(filtered); const files = {}; for (const user of aData) { files[user] = []; @@ -51,6 +51,6 @@ export async function loadAudioData() { } } - console.log(audioFiles); + //console.log(audioFiles); return audioFiles } diff --git a/v1-com-officielle/src/data/msgData.js b/v1-com-officielle/src/data/msgData.js index e2fdb9d..145523e 100644 --- a/v1-com-officielle/src/data/msgData.js +++ b/v1-com-officielle/src/data/msgData.js @@ -28,7 +28,7 @@ export async function loadMsgData() { const pouets = await res.json(); const filtered = pouets.filter(p => p.account.display_name === 'Drags and Nerds /Live'); - console.log(filtered); + //console.log(filtered); let msgContent = []; diff --git a/v1-com-officielle/src/data/peopleData.js b/v1-com-officielle/src/data/peopleData.js index 39c045f..f88e08b 100644 --- a/v1-com-officielle/src/data/peopleData.js +++ b/v1-com-officielle/src/data/peopleData.js @@ -14,14 +14,18 @@ function titleAndContent(str){ let content = ""; let src = []; for(let line of contentData){ - if(line.includes('http')){ - let linkData = line.split("@"); + if(line.includes('http')||line.includes('@')){ + let linkData = line.split("# "); + console.log(linkData); let linkNoFormat = linkData[1].split("\""); let url = ""; for(let el of linkNoFormat){ if(el.includes('http')){ url = el; break + } else if(el.includes('@')){ + url = 'mailto:' + el; + break } else { continue } @@ -36,21 +40,38 @@ function titleAndContent(str){ } return { title: title, - content: content, + content: content.split('/333/')[0], links: src, } } +function exceptionKey(user, content){ + let data = content.split('/333/'); + let key = ""; + if (data.length > 1) key = data[1].split('
')[0]; + //console.log(key); + if (key === "bm90X3dlYnNpdGVfY29udGVudA==" && user !=="Drags and Nerds /") return true; + if (user === "Drags and Nerds /"){ + if(key != "c2VuZF9tZXNzYWdlX3RvX3dlYnNpdGU="){ + return true; + } + } + return false; +} + export async function loadPeopleData() { const usernamesRes = await fetch('./DATA/peopleData.json'); const pData = await usernamesRes.json(); + //console.log("USERS :", pData); const res = await fetch("https://pouet.drags-nerds.net/api/v1/timelines/public?local=true&limit=40"); if (!res.ok) throw new Error(`Server responded with ${res.status} ${res.statusText}`); const pouets = await res.json(); + //console.log("POUETS :" , pouets); const filtered = pouets.filter(p => pData.some(user => p.account.display_name === user.name)); + //console.log("FILTERED :" , filtered); const files = {}; for (const user of pData) { files[user.name] = []; @@ -73,10 +94,16 @@ export async function loadPeopleData() { !pouet.media_attachments[0].type.includes('image')) { continue; } - + //ignorer réponses if (pouet.in_reply_to_account_id) { continue; } + //ignorer exceptions + let exception = exceptionKey(username, pouet.content); + //console.log(exception) + if(exception){ + continue; + } if (pouet.content.includes('http')) { let textInfos = titleAndContent(pouet.content); diff --git a/v1-com-officielle/src/indieComponents/ArtistPannel.vue b/v1-com-officielle/src/indieComponents/ArtistPannel.vue index 46dd629..db7d878 100644 --- a/v1-com-officielle/src/indieComponents/ArtistPannel.vue +++ b/v1-com-officielle/src/indieComponents/ArtistPannel.vue @@ -33,19 +33,19 @@
-

Oops! There is nothing to display here...

-
-
+

Oopsi! Il n'y a rien à afficher ici
(pour l'instant...)

+
+

{{item.caption}}

-
-
+
+

{{item.caption}}

-

{{item.author}}

-

+

{{item.author}}

+

@@ -71,7 +71,7 @@ #artistPannel{ position: fixed; - width: 333px; + width: 380px; height: 500px; top: 16.1px; left: 16.1px; @@ -111,6 +111,7 @@ #emptyFolderText{ align-self:center; margin-top: 33px; + margin-left: 0; pointer-events: none; color: var(--accent-color); font-family: 'lineal'; @@ -268,7 +269,7 @@ .listItemStyle .icon{ height: 16.1px; width: 33px; - margin-left: 16.1px; + margin-left: 3.33px; margin-right: 16.1px; margin-top: 0; } @@ -276,7 +277,7 @@ .listItemStyle .itemCaption{ font-family: 'velvelyne'; font-weight: bold; - font-size: 16.1px; + font-size: 13.12px; pointer-events: none; cursor:inherit; width: 20%; @@ -293,6 +294,14 @@ width: 50%; } + #listAuthor{ + width: 33%; + } + + #listDate{ + width: 33px; + } + + + + + + + diff --git a/v1-com-officielle/src/indieComponents/Infobulle.vue b/v1-com-officielle/src/indieComponents/Infobulle.vue index 015f70c..2bcc160 100644 --- a/v1-com-officielle/src/indieComponents/Infobulle.vue +++ b/v1-com-officielle/src/indieComponents/Infobulle.vue @@ -1,5 +1,5 @@ @@ -92,7 +92,7 @@ this.hideTimer = setTimeout(() => { this.hideBubble(); - }, 3333) + }, 1312) }, hideBubble(){ this.isActive = false diff --git a/v1-com-officielle/src/indieComponents/InstaPannel.vue b/v1-com-officielle/src/indieComponents/InstaPannel.vue index a2ea505..2527dfb 100644 --- a/v1-com-officielle/src/indieComponents/InstaPannel.vue +++ b/v1-com-officielle/src/indieComponents/InstaPannel.vue @@ -23,7 +23,7 @@

Vous allez quiter le site
pour aller sur Instragram!

- + OK !
diff --git a/v1-com-officielle/src/indieComponents/VisualizerPannel.vue b/v1-com-officielle/src/indieComponents/VisualizerPannel.vue index b9fc570..dd87cb0 100644 --- a/v1-com-officielle/src/indieComponents/VisualizerPannel.vue +++ b/v1-com-officielle/src/indieComponents/VisualizerPannel.vue @@ -22,12 +22,12 @@
-
-
-

{{selectedImg.like}}

- +
+

{{selectedImg.like}}

+ +
@@ -55,6 +55,10 @@ border-radius: 16.1px; } + #visualizerContent{ + align-items: flex-start; + } + #displayedImgStyle{ width:100%; height:auto; diff --git a/v1-com-officielle/src/infoComponents/InboxContent.vue b/v1-com-officielle/src/infoComponents/InboxContent.vue index fe0c726..7b2fb4b 100644 --- a/v1-com-officielle/src/infoComponents/InboxContent.vue +++ b/v1-com-officielle/src/infoComponents/InboxContent.vue @@ -8,7 +8,10 @@
-

Lorem ipsum dolor sit amet consectetur adipiscing elit.

+

+ DERNIÈRES NOUVELLES DE L'ORGA/
+ Ici on poste des petits messages
pour vous tenir au courant
de l'organisation de la soirée ! +

@@ -48,7 +51,7 @@ #inboxContainer{ width:100%; position:relative; - height:50%; + height:33.3%; display: flex; flex-direction: column; align-items: center; @@ -56,7 +59,7 @@ } #inboxHeader{ width: 100%; - height: 20%; + height: 100px; position: relative; background-color: var(--accent-color); color: black; @@ -68,10 +71,16 @@ } #inboxTitle{ + font-family: 'lineal'; + font-weight: normal; + padding-left: 16.1px; + line-height: 1em; + } + #inboxTitle strong{ font-family: 'velvelyne'; font-weight: bold; - padding-left: 33px; } + #msgNumberStyle{ font-family: 'lineal'; font-size: 33px; @@ -146,7 +155,7 @@ .msgTitle{ padding-left: 33px; - width: 47%; + width: 77%; font-size: 16.1px; align-items: center; opacity: 0.333; @@ -163,7 +172,7 @@ .msgReact{ padding-right: 33px; padding-top:16.1px; - width: 47%; + width: 16.1%; height: 33.3%; display: flex; flex-direction: row; @@ -253,7 +262,7 @@ }, async mounted(){ this.msgList = await loadMsgData(); - console.log(this.msgList); + //console.log(this.msgList); this.msgNumber = this.msgList.length console.log("Inbox content is loaded!"); } diff --git a/v1-com-officielle/src/infoComponents/InfoMenu.vue b/v1-com-officielle/src/infoComponents/InfoMenu.vue index 5cdd208..8578786 100644 --- a/v1-com-officielle/src/infoComponents/InfoMenu.vue +++ b/v1-com-officielle/src/infoComponents/InfoMenu.vue @@ -8,11 +8,39 @@

- Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. + À tou󴟐s les queers, tou󴟐s les nerds, +
+ et tou󴟐s les personnes entres les deux,

- Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. -

+ Vous êtes convi󱤠s à la 2ème édition +
+ de Drags and Nerds ! +
+ Au programme, drags shows & performances nerds, +
+ musique électronique, vjing, live-coding, synthés vidéos, etc. +
+
+ Nous voulons également
centrer notre soirée + autour de l'inclusivité.
Pour ce faire, + le port du
masque FFP2 sera
obligatoire à l'intérieur, +
+ afin de protéger les plus vulnérables d'entres nous. +
+ Les masques seront distribués gratuitement à l'entrée ! +
+
+ Également,
+ afin de créer du lien entre nos commus, + plusieurs assos seront présentes, afin de partager et d'échanger nos valeurs et nos savoir-faires +
+
+ Enfin,
+ (pour les courageu󵞰s qui ont lu jusque là ^^), + notre collectif est très ouvert à s'agrandir et à se compléter, alors n'hésite pas à nous contacter, + si tu as envie de participer ! +

@@ -101,7 +129,7 @@ #infoMenuContainer{ width:100%; position:relative; - height:40%; + height:55%; display: flex; flex-direction: row; align-items: flex-start; @@ -133,7 +161,7 @@ #welcomeTextContainer{ width:77%; - height:100%; + height:90%; background-color: transparent; position: relative; padding: 16.1px; @@ -144,14 +172,23 @@ } #welcomeText{ - overflow-y: scroll; - height: 73%; + pointer-events: all; + height: 100%; font-size: 16.1px; font-family: 'velvelyne'; color: var(--main-color); font-weight: bold; padding-right: 16.1px; margin-top: -7.77px; + overflow-y: scroll; + line-height: 1.1em + } + + #welcomeText strong{ + font-family: 'lineal'; + font-weight: normal; + font-size: 22.2px; + animation: blink 7.77s infinite; } #welcomeTextContainer .textBtnStyle{ @@ -176,7 +213,7 @@ /*================ PC LARGE*/ @media(min-width:1300px){ #welcomeText{ - height:71%; + height:80%; } #btnColumn .iconBtnStyle{ @@ -184,6 +221,9 @@ margin-left: -13.12%; margin-top: 13.12%; } + #welcomeText strong{ + font-size: 22.2px; + } } @@ -191,6 +231,7 @@