Skip to content

Commit

Permalink
stupid chromebook cant test stuff
Browse files Browse the repository at this point in the history
  • Loading branch information
kiawildberger committed Oct 26, 2021
1 parent 27ad59a commit 117057b
Show file tree
Hide file tree
Showing 2 changed files with 57 additions and 58 deletions.
59 changes: 1 addition & 58 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<title>fantanosort - theneedledrop reviews, sorted</title>
<link rel="favicon" href="./fantanosort/favicon.ico"/> <!-- this is stupid but i think it works -->
<link rel="icon" href="./fantanosort/favicon.ico"/>
<link rel="stylesheet" href="./style.css"/>
<meta name="title" content="fantanosort"/>
<meta name="description" content="theneedledrop reviews, sorted"/>
<meta name="twitter:title" content="fantanosort"/>
Expand Down Expand Up @@ -44,64 +45,6 @@
</tr>
</table>
</div>
<style>
@import url("https://fonts.googleapis.com/css?family=Assistant");
body { font-family:"Assistant"; }
table { margin:2em 0 0 8em; position:relative; border-collapse:collapse; }
th { padding:0 1em 1.5em 0; }
tr { border-bottom:2px solid black; }
td { border:2px solid black; margin:0; padding:1em 1em 0.8em 1em; }
.thumb { padding:4px; width:fit-content; }
.album { }
.artist { }
.rating { width:10%; }
.date { width:6em; }

.visible { display:block; }
#filter {
border:1px solid #1ED0D9;
font-size:1em;
height:3em;
width:15em;
margin-left:12em;
margin-top:4em;
border-radius:2px;
padding:3px;
}
input[type="button"] {
background:#1ED0D9;
border:none;
cursor:pointer;
border-radius:2px;
margin-left:1em;
height:2em;
width:4em;
}
#countresults { font-style:italic; margin-left:3em; }
#ssort {
margin-left:0.5em;
cursor:pointer;
font-style:italic;
display:none;
font-size:0.7em;
/* background:blue; */
/* text-decoration:underline; */
padding:0.2em;
}
/* #ssort:hover { text-decoration:underline; } */
.dropmode {
position:absolute;
top:25%;
right:4em;
}
#sortmode-drop {
border:1px solid #1ed0d9;
font-size:0.8em;
height:3em;
width:12em;
margin-left:1em;
}
</style>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.min.js"></script>
<script src="index.js"></script>
</body>
56 changes: 56 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
@import url("https://fonts.googleapis.com/css?family=Assistant");
body { font-family:"Assistant"; }
table { margin:2em 0 0 8em; position:relative; border-collapse:collapse; }
th { padding:0 1em 1.5em 0; }
tr { border-bottom:2px solid black; }
td { border:2px solid black; margin:0; padding:1em 1em 0.8em 1em; }
.thumb { padding:4px; width:fit-content; }
.album { }
.artist { }
.rating { width:10%; }
.date { width:6em; }

.visible { display:block; }
#filter {
border:1px solid #1ED0D9;
font-size:1em;
height:3em;
width:15em;
margin-left:12em;
margin-top:4em;
border-radius:2px;
padding:3px;
}
input[type="button"] {
background:#1ED0D9;
border:none;
cursor:pointer;
border-radius:2px;
margin-left:1em;
height:2em;
width:4em;
}
#countresults { font-style:italic; margin-left:3em; }
#ssort {
margin-left:0.5em;
cursor:pointer;
font-style:italic;
display:none;
font-size:0.7em;
/* background:blue; */
/* text-decoration:underline; */
padding:0.2em;
}
/* #ssort:hover { text-decoration:underline; } */
.dropmode {
position:absolute;
top:25%;
right:4em;
}
#sortmode-drop {
border:1px solid #1ed0d9;
font-size:0.8em;
height:3em;
width:12em;
margin-left:1em;
}

0 comments on commit 117057b

Please sign in to comment.