diff --git a/v1-com-officielle/public/DATA/peopleData.json b/v1-com-officielle/public/DATA/peopleData.json index 0f1aa2c..43fcd9a 100644 --- a/v1-com-officielle/public/DATA/peopleData.json +++ b/v1-com-officielle/public/DATA/peopleData.json @@ -1,25 +1,31 @@ [ { "type": "folder", + "date": "33/33", "isSelected": false, "caption": "Artistes DRAGs", "description": "Si tu veux en savoir plus sur nos artistes drags, c'est par ici !", "children": [ { "type": "folder", + "date": "33/33", "isSelected": false, "caption": "Urazoria", "description": "Urazoria est une Drag Creature de Limoges, et aussi une des fondatrice de drags & nerds, host de la 1ère édition", "children": [ { "type": "image", + "date": "33/33", "isSelected": false, "caption": "Urazoria003.star", "description": "Urazoria dans son show à XXXX pour XXXX en 2025", - "src":"./DATA/Images/ura-bleu.png" + "src":"./DATA/Images/ura-bleu.png", + "like": 0, + "isLiked": false }, { "type": "text", + "date": "33/33", "isSelected": false, "caption": "Urazoria.loveMsg", "description": "Coucou !" @@ -28,6 +34,7 @@ }, { "type": "text", + "date": "33/33", "isSelected": false, "caption": "Urazoria.loveMsg", "description": "Coucou !" @@ -36,18 +43,21 @@ }, { "type": "folder", + "date": "33/33", "isSelected": false, "caption": "Artistes NERDs", "description": "Si tu veux en savoir plus sur nos artistes nerds, c'est par là !", "children": [ { "type": "folder", + "date": "33/33", "isSelected": false, "caption": "Théo", "description": "Theo est un musicien qui construit des synthés modulaires", "children": [ { "type": "link", + "date": "33/33", "isSelected": false, "caption": "Theo.web", "description": "Réseaux de Theo", @@ -64,6 +74,7 @@ }, { "type": "text", + "date": "33/33", "isSelected": false, "caption": "Theo.loveMsg", "description": "Hello !" @@ -74,12 +85,14 @@ }, { "type": "folder", + "date": "33/33", "isSelected": false, "caption": "Autres", "description": "Dans ce dossier on met en vrac plein de trucs, qu'on trouve cool, sur nous (ou pas), nos valeurs etc. Allez fouiller si vous avez le temps ^^", "children": [ { "type": "link", + "date": "33/33", "isSelected": false, "caption": "Background.web", "description": "Site internet du fond animé, en open source, allez checker ça l'équipe ! (et payer un café à son créateur si vous pouvez hihi)", @@ -92,16 +105,20 @@ }, { "type": "text", + "date": "33/33", "isSelected": false, "caption": "DNN.loveMsg", "description": "Hello again!" }, { "type": "image", + "date": "33/33", "isSelected": false, "caption": "Urazoria003.star", "description": "Urazoria dans son show à XXXX pour XXXX en 2025", - "src":"./DATA/Images/ura-vert.png" + "src":"./DATA/Images/ura-vert.png", + "like": 0, + "isLiked": false } ] } diff --git a/v1-com-officielle/src/assets/icons/2extra.svg b/v1-com-officielle/src/assets/icons/2extra.svg new file mode 100644 index 0000000..76ae1fe --- /dev/null +++ b/v1-com-officielle/src/assets/icons/2extra.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/v1-com-officielle/src/assets/icons/2graff.svg b/v1-com-officielle/src/assets/icons/2graff.svg new file mode 100644 index 0000000..858226c --- /dev/null +++ b/v1-com-officielle/src/assets/icons/2graff.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ 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 9ccd7fa..f750821 100644 --- a/v1-com-officielle/src/assets/style.css +++ b/v1-com-officielle/src/assets/style.css @@ -38,11 +38,11 @@ /*===================Animation*/ @keyframes blink { 0% { color: var(--accent-color);} - 15% { color: var(--main-color);} - 35% { color: var(--main-color);} + 15% { color: var(--back-color);} + 35% { color: var(--back-color);} 50% { color: var(--accent-color);} - 65% { color: var(--main-color);} - 85% { color: var(--main-color);} + 65% { color: var(--back-color);} + 85% { color: var(--back-color);} 100% { color: var(--accent-color);} } @@ -89,6 +89,7 @@ a button{ } p{ + pointer-events: none; cursor: inherit; } @@ -222,6 +223,42 @@ canvas { font-size: 16.1px; } } +/*==================Reaction Bar for indi pannels*/ +.reactBar{ + margin-left: -16.1%; + width: 77%; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + font-family: 'lineal'; + font-weight: normal; + color: var(--main-color); + padding: 0; +} +.reactBar .reactStatStyle{ + text-align: center; + width: 33px; + padding-right: 0; +} +.reactBar .icon{ + height: 16.1px; + width: auto; + margin-top: 0; +} +.reactBar .iconBtnStyle{ + height: 33px; + width: 33px; + border-radius: 33px; +} +.reactBar .textBtnStyle{ + height: 33px; + width: 130px; +} + +.reactedStyle{ + color: var(--accent-color); +} /*==============Window*/ .windowStyle{ diff --git a/v1-com-officielle/src/dataExchange.js b/v1-com-officielle/src/dataExchange.js index 83c66a3..0b593e7 100644 --- a/v1-com-officielle/src/dataExchange.js +++ b/v1-com-officielle/src/dataExchange.js @@ -15,7 +15,9 @@ export const dataStorage = reactive({ }, selectedImg: { src: "", - caption: "" + caption: "", + like: 0, + isLiked: false }, selectedLink:{ linksData: [], diff --git a/v1-com-officielle/src/indieComponents/ArtistPannel.vue b/v1-com-officielle/src/indieComponents/ArtistPannel.vue index c5ac309..9208337 100644 --- a/v1-com-officielle/src/indieComponents/ArtistPannel.vue +++ b/v1-com-officielle/src/indieComponents/ArtistPannel.vue @@ -34,13 +34,21 @@

Oops! There is nothing to display here...

-
-
+
+

{{item.caption}}

-
+
+
+ +

{{item.caption}}

+

*auteurice*

+

{{item.date}}

+
+
+

{{displayedDescription}}

@@ -110,6 +118,7 @@ font-size: 16.1px; } + /*=================GRID DISPLAY*/ .theMatrix{ display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); @@ -158,7 +167,7 @@ border-style: solid; border-width: thin; border-color: transparent; - cursor: pointer; + cursor: cell; } .itemStyle:hover{ @@ -187,8 +196,7 @@ } .selectedItemStyle .icon{ height:auto; - width:50%; - fill: currentColor; + width: 50%; } .itemCaption{ @@ -222,6 +230,65 @@ grid-auto-rows: 180px; } } + + /*======================LIST DISPLAY*/ + .nevrEndingList{ + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + width: 95%; + height: 66%; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 7.77px; + } + + .listItemStyle{ + width:100%; + height: 33px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + margin-top: 7.77px; + margin-left: 1.61px; + cursor: cell; + border-style: solid; + border-width: thin; + border-color: transparent; + border-radius: 16.1px; + } + + .listItemStyle:hover{ + border-color: var(--main-color); + } + + .listItemStyle .icon{ + height: 16.1px; + width: 33px; + margin-left: 16.1px; + margin-right: 16.1px; + margin-top: 0; + } + + .listItemStyle .itemCaption{ + font-family: 'velvelyne'; + font-weight: bold; + font-size: 16.1px; + pointer-events: none; + cursor:inherit; + width: 30%; + height: 100%; + text-align: left; + display: flex; + flex-direction: row; + align-items: center; + padding-top: 1.61px; + user-select: none; + } + + +