Skip to content

Commit

Permalink
Groupie-Tracker V1.1
Browse files Browse the repository at this point in the history
  • Loading branch information
Arthur committed Feb 29, 2024
1 parent e39da72 commit c3f9078
Show file tree
Hide file tree
Showing 3 changed files with 134 additions and 134 deletions.
4 changes: 3 additions & 1 deletion assets/artist.css
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

body{
block-size: 100%;
font-family: Inter;
Expand All @@ -9,6 +8,7 @@ body{
margin-right: -2%;
}


.leftside {
position: relative;
z-index: 2;
Expand Down Expand Up @@ -247,3 +247,5 @@ body{
}
}
}


262 changes: 131 additions & 131 deletions templates/artist.gohtml
Original file line number Diff line number Diff line change
Expand Up @@ -6,163 +6,163 @@
<meta charset="utf-8">
<title>Groupie Tracker</title>
<link rel="stylesheet" href="../assets/artist.css">
<script type="text/javascript" src="../assets/style.js"></script>
<link rel="icon" type="image/x-icon" href="../images/icongt.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
</head>

<body>
<div class="leftside">
<div class="navArtist">
<div class="logoArtist">
<div id="logoArtist" >GROUPIE TRACK®</div>
<div class="NameARTIST">ARTHURCHESSÉ</div>
<div class="JAP">アーサー・シェセ</div>
</div>
</div>

<div class="NameARTISTdef">
<table>
<tr class="scrollleft">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollright">
<td>{{.Artist.Name}}</td>
<td style="color:darkgrey;" >{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollleft">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollright">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td style="color:darkgrey;" >{{.Artist.Name}}</td>
</tr>
<tr class="scrollleft">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollright">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td style="color:darkgrey;" >{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
</table>

</div>
<div class="leftside">
<div class="navArtist">
<div class="logoArtist">
<div id="logoArtist" >GROUPIE TRACK®</div>
<div class="NameARTIST">ARTHURCHESSÉ</div>
<div class="JAP">アーサー・シェセ</div>
</div>
</div>

<div class="NameARTISTdef">
<table>
<tr class="scrollleft">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollright">
<td>{{.Artist.Name}}</td>
<td style="color:darkgrey;" >{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollleft">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollright">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td style="color:darkgrey;" >{{.Artist.Name}}</td>
</tr>
<tr class="scrollleft">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
<tr class="scrollright">
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td style="color:darkgrey;" >{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
<td>{{.Artist.Name}}</td>
</tr>
</table>

<div class="pochetteB">
<img src="../images/pochette_back.png" alt="" class="poB">
</div>
</div>

<div class="pochetteB">
<img src="../images/pochette_back.png" alt="" class="poB">
</div>

<div class="diskdep">
<div class="pochetteF">
<img src="../images/pochette_front.png" alt="" class="poF">
<div class="diskdep">
<div class="pochetteF">
<img src="../images/pochette_front.png" alt="" class="poF">
</div>

<div class="popo">
<img src={{.Artist.Image}}><br>
</div>
</div>
<div class="popo">

<div class="diskdepo">
<img src={{.Artist.Image}}><br>
</div>
</div>

<div class="diskdepo">
<img src={{.Artist.Image}}><br>
</div>

<div class="centerdisk">
<img src="../images/centerdisk.png"><br>
</div>

<div class="centerdisk">
<img src="../images/centerdisk.png"><br>
</div>



<div class="credit">
ALL INC. ALL RIGHTS RESERVED. TM,® & COPYRIGHT® 2024 BY ARTHUR CHESSÉ
<div class="credit">
ALL INC. ALL RIGHTS RESERVED. TM,® & COPYRIGHT® 2024 BY ARTHUR CHESSÉ
</div>
</div>
</div>

<div class="rightside">
<div class="textRight">
<div class="NameARTISTright">
{{.Artist.Name}}
</div>
<div class="rightside">
<div class="textRight">
<div class="NameARTISTright">
{{.Artist.Name}}
</div>

<div class="creationARTIST">
<div class="creaARTIST">
Creation <br> </div>
<div class="creationDateARTIST">
{{.Artist.CreationDate}}</div>
</div>
<div class="creationARTIST">
<div class="creaARTIST">
Creation <br> </div>
<div class="creationDateARTIST">
{{.Artist.CreationDate}}</div>
</div>

<div class="firstARTIST">
Date Premier Album <br>
{{.Artist.FirstAlbum}}
</div>
<div class="firstARTIST">
Date Premier Album <br>
{{.Artist.FirstAlbum}}
</div>

<div class="memberARTIST">
{{with .Artist}}
{{range $index, $member := .Members}}
{{if le $index 6}}
{{.}}<br>
<div class="memberARTIST">
{{with .Artist}}
{{range $index, $member := .Members}}
{{if le $index 6}}
{{.}}<br>
{{end}}
{{end}}
{{end}}
{{end}}
</div>
</div>

<div class="search">
<form method="get" action="/">
<input type="search" placeholder="RECHERCHER" id="data" name="data" list="data-list" autocomplete="on">
<datalist id="data-list">
{{with .Search}}
{{range .ArtistBandName}}
<option value="{{.}}"> - Artists/Band</option>
{{end}}
{{range .Members}}
<option value="{{.}}"> - Member</option>
{{end}}
{{range .CreationDate}}
<option value="{{.}}"> - Creation Date</option>
<div class="search">
<form method="get" action="/">
<input type="search" placeholder="RECHERCHER" id="data" name="data" list="data-list" autocomplete="on">
<datalist id="data-list">
{{with .Search}}
{{range .ArtistBandName}}
<option value="{{.}}"> - Artists/Band</option>
{{end}}
{{range .Members}}
<option value="{{.}}"> - Member</option>
{{end}}
{{range .CreationDate}}
<option value="{{.}}"> - Creation Date</option>
{{end}}
{{end}}
{{end}}
</datalist>
</form>
</div>

<div class="middlebox" style="display: none;">
<h2>Concert Dates and Locations</h2>
{{with .Artist}}
{{range $key, $value := .Relations}}
{{$key}} : {{range $value}}
{{.}}<br>{{end}}<br>
</datalist>
</form>
</div>
<div class="middlebox" style="display: none;">
<h2>Concert Dates and Locations</h2>
{{with .Artist}}
{{range $key, $value := .Relations}}
{{$key}} : {{range $value}}
{{.}}<br>{{end}}<br>
{{end}}
{{end}}
{{end}}
</div>

</div>

</body>
</html>

2 changes: 0 additions & 2 deletions templates/index.gohtml
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,6 @@
<link rel="stylesheet" href="../assets/filter.css">
<link rel="stylesheet" href="../assets/filter2.css">
<link rel="stylesheet" href="../assets/filter3.css">
<script type="text/javascript" src="../assets/style.js"></script>
<script type="text/javascript" src="../assets/script.js"></script>
<link rel="icon" type="image/x-icon" href="../images/icongt.png">

</head>
Expand Down

0 comments on commit c3f9078

Please sign in to comment.