dirtyMap/index.html at master · DirtyBiologystan/dirtyMap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="fr">
<head>
  <title>Statistiques du Dirtybiologistan</title>
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Asap&family=Open+Sans&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/style.css">
  <script src="https://kit.fontawesome.com/373a1c097b.js" crossorigin="anonymous"></script>
  <link rel="shortcut icon" href="medias/favicon.png" type="image/x-icon">
  <meta charset="utf-8">
</head>
<!--Vive les Gnocchi-->
<body>
  <div class="header-container">
    <header>
      <article>
        <h1>Page des statistiques<br>du Dirtybiologistan</h1>
        <p><span>Par :</span> CoDaTi#3827</p>
        <p><span>Design du site :</span> <a href="https://theomigeat.com/" class="theo-link" target="_blank">Théo</a>#2422</p>
        <p><span>Graphique :</span> <a href="http://frompixel.ovh/" class="theo-link" target="_blank">youkou</a>#0125</p>
        <p><span>Liste des départements, coordonnées et discord des régions :</span> Kabolop#1089  </p>
      </article>
      <svg v-if="svgShow" class="wave" viewBox="0 0 1440 170">
        <path
          fill="#fdfffc"
          d="M0,51L60,65.2C120,79,240,108,360,110.5C480,113,600,91,720,79.3C840,68,960,68,1080,82.2C1200,96,1320,125,1440,127.5C1560,130,1680,108,1800,87.8C1920,68,2040,51,2160,45.3C2280,40,2400,45,2520,42.5C2640,40,2760,28,2880,39.7C3000,51,3120,85,3240,87.8C3360,91,3480,62,3600,51C3720,40,3840,45,3960,62.3C4080,79,4200,108,4320,110.5C4440,113,4560,91,4680,73.7C4800,57,4920,45,5040,39.7C5160,34,5280,34,5400,34C5520,34,5640,34,5760,36.8C5880,40,6000,45,6120,42.5C6240,40,6360,28,6480,31.2C6600,34,6720,51,6840,53.8C6960,57,7080,45,7200,59.5C7320,74,7440,113,7560,110.5C7680,108,7800,62,7920,59.5C8040,57,8160,96,8280,104.8C8400,113,8520,91,8580,79.3L8640,68L8640,170L8580,170C8520,170,8400,170,8280,170C8160,170,8040,170,7920,170C7800,170,7680,170,7560,170C7440,170,7320,170,7200,170C7080,170,6960,170,6840,170C6720,170,6600,170,6480,170C6360,170,6240,170,6120,170C6000,170,5880,170,5760,170C5640,170,5520,170,5400,170C5280,170,5160,170,5040,170C4920,170,4800,170,4680,170C4560,170,4440,170,4320,170C4200,170,4080,170,3960,170C3840,170,3720,170,3600,170C3480,170,3360,170,3240,170C3120,170,3000,170,2880,170C2760,170,2640,170,2520,170C2400,170,2280,170,2160,170C2040,170,1920,170,1800,170C1680,170,1560,170,1440,170C1320,170,1200,170,1080,170C960,170,840,170,720,170C600,170,480,170,360,170C240,170,120,170,60,170L0,170Z"
        ></path>
      </svg>
    </header>
  </div>
  <main>
    <h2>Accès rapide</h2>
    <article class="dashboard">
      <a href="https://github.com/DirtyBiologystan/">
      <section>
          <i class="fab fa-github color-github"></i>
          <p>GitHub regroupant les projets autour du drapeau</p>
      </section>
    </a>
    <a href="https://github.com/Sorikairox/micronation">
      <section>
        <i class="fab fa-github color-github"></i>
        <p>GitHub du drapeau</p>
      </section>
    </a>
      <a href="https://docs.google.com/spreadsheets/d/1pnkpuZw__XIgHiccc12bIRnRCvAimfI6vVouKfeT5-c/edit#gid=0">
      <section>
        <i class="far fa-file-alt color-docs"></i>
        <p>Google Doc des régions</p>
      </section>
    </a>
       <a href="https://scrollingbird.com/biology.html">
      <section >
        <i class="fas fa-search color-search"></i>
        <p>Trouver des pseudos à partir d'une image</p>
      </section>
    </a>
    <a href="https://github.com/DirtyBiologystan/dirtyMap/issues/new">
      <section>
        <i class="far fa-lightbulb color-lightbulb"></i>
        <p>Boite à idée du projet</p>
      </section>
    </a>
    <a href="https://codati.ovh/doc/">
      <section>
        <i class="fas fa-broadcast-tower color-api"></i>
        <p>Documentation de l'API</p>
      </section>
    </a>
      <span id="nbPixels">Chargement en cours...</span>
    </article>
    <h2>Tester la popularité d'une couleur</h2>
    <article class="color">
      <form onsubmit="return false">
        <input disabled type="color" id="color" class="inputCodati" />
        <input disabled type="text" id="hex" class="inputCodati" placeholder="Valeur héxadécimale de la couleur" />
      </form>
      <p id="text">Chargement des couleurs...</p>
    </article>
   <h2>Informations sur un Pixel</h2>
   <article class="search">
     <section>
      <i class="fas fa-map-marker-alt color-docs"></i>
      <p>Entrez les coordonnées du pixel dont vous voulez les informations</p>
      <form class="search-number-form" onsubmit="return false">
        [<input disabled type="number" id="textx" value="1" min="1" class="inputCodati" />x
        <input disabled type="number" id="texty" value="1" min="1" class="inputCodati" />]
      </form>
     </section>
     <section>
      <i class="fas fa-user color-api"></i>
      <p>Faire une recherche par pseudo</p>
      <form class="search-user-form"  onsubmit="return false">
        <input disabled type="text" id="textResearchpseudo" class="inputCodati" placeholder="Pseudo de la personne" />
      </form>
     </section>
     <section class="result-section">
      <div id="textInfoPixel">Recherche...</div>
     </section>
   </article>
   <h2>Couleurs choisies par plus de 200 utilisateurs</h2>
   <article class="color-diagram">
     <section>
      <canvas id="myChart"></canvas>
      <select id="selectionRegion"><option value="tout">tout</options></select>
      <div id="stats"></div>
     </section>
   </article>
   <h2>Carte</h2>
   <p class="info-map-key"><b>Déplacer la carte</b> : ZQSD <br><b>Modifier le Zoom</b>: A / E </p>
  </main>
  <aside>
    <div id="camMap">
      <span id="infobulle"></span>
      <canvas id="map"></canvas>
      <div id="barnav"></div>
    </div>
  </aside>
 </article>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js" charset="utf-8"></script>
<script src="https://cdn.socket.io/4.3.2/socket.io.min.js" integrity="sha384-KAZ4DtjNhLChOB/hxXuKqhMLYvx3b5MlT55xPEiNmREKRzeEm+RVPlTnAn0ajQNs" crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>

</html>