mirror of
https://github.com/godotengine/godot-showreel-voting.git
synced 2025-12-31 17:49:06 +03:00
b031a52d6a
* initial backend setup
* copied db setup
* added login
* added autoincrement to ids
* update db again
* added script to populate with test data
* added functionality to fetch videos
* added vote functionality
* added logic to update video info
* added history
* updated readme
* Update thank you page
* fixed small bugs
* small improvements
* added admin view, UI fix
* fix vote buttons style
* added pagination
* added command to load sample data from csv
* Autoplay videos
* Adding before you vote page
* added yt video id extractor
* improve visibility for the history page votes
* added logic for before you vote disclaimer
* Remind people to set videos to unlisted and allowed for embed
* Update home.html
* Update home.html
* Add progress bar to total
* Small adjustments
* fix home {% if user %}
* Update macros.html
* limit vote views to users with specific roles
* added endpoint to delete votes
* added confirmation to the delete vote action
* Update non-fund members CTA
* allow voting to specific fund members
* added result csv endpoint
* updated auth
* revert adding 'vote_allowed' column, merged it into is_staff
* added `is_fund_member` attribute to table and updated code
* refactored code
* update style for voting page
* updated readme
* Add static files
* remove options from dropdown for users that can't vote
* added keyboard shortcuts to vote buttons
* added azerty support for shortcuts
* update skip to S key
* remove placeholder
---------
Co-authored-by: Emi <2206700+coppolaemilio@users.noreply.github.com>
191 lines
3.0 KiB
CSS
191 lines
3.0 KiB
CSS
/* v1.1 */
|
|
/* Account for fixed navbar when linking to anchors */
|
|
.anchor-fix {
|
|
display: block;
|
|
position: relative;
|
|
top: -125px;
|
|
visibility: hidden;
|
|
width: 0px;
|
|
height: 0px;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.nav-gap {
|
|
height: 70px;
|
|
}
|
|
nav {
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 100;
|
|
padding: 0px;
|
|
background: #1e1e1e;
|
|
font-family: var(--header-font-family);
|
|
|
|
.wrapper {
|
|
padding: 0 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
max-width: 1300px;
|
|
margin: 0 auto;
|
|
gap: 30px;
|
|
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
text-decoration: none;
|
|
position: relative;
|
|
}
|
|
|
|
img.logo {
|
|
max-width: 150px;
|
|
}
|
|
img.beta {
|
|
position: absolute;
|
|
top: -18px;
|
|
rotate: 45deg;
|
|
right: 0px;
|
|
}
|
|
|
|
form.search {
|
|
margin-left: auto;
|
|
margin-right: 0;
|
|
|
|
.search-wrapper {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 320px;
|
|
margin: 0 auto;
|
|
|
|
}
|
|
svg.magnifying-glass {
|
|
position: absolute;
|
|
left: 16px;
|
|
top: 12px;
|
|
width: 20px;
|
|
height: 20px;
|
|
fill: #424242;
|
|
}
|
|
input {
|
|
width: 100%;
|
|
padding: 9px 16px;
|
|
display: block;
|
|
border-radius: 50px;
|
|
font-size: 17px;
|
|
font-weight: 300;
|
|
transition: all 0.1s ease-in-out;
|
|
padding-left: 43px;
|
|
background: white;
|
|
color: black;
|
|
border: 2px solid transparent;
|
|
@media (prefers-color-scheme: dark) {
|
|
color: white;
|
|
border: 2px solid #424242;
|
|
background: #1e1e1e;
|
|
}
|
|
&:focus {
|
|
outline: none;
|
|
border-color: var(--accent-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
div.navigation-links {
|
|
text-align: right;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 20px;
|
|
margin-right: 0;
|
|
margin-left: auto;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
|
|
li {
|
|
display: inline;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
.dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-align: left;
|
|
|
|
.dd-button-view {
|
|
display: grid;
|
|
cursor: pointer;
|
|
&.logged-out {
|
|
grid-template-columns: 1fr 32px;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
img.user-icon {
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 2px;
|
|
border-radius: 50%;
|
|
background: #ffffff3d;
|
|
&.gravatar {
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
hr {
|
|
margin: 0;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.dropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 39px;
|
|
min-width: 160px;
|
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
|
z-index: 1;
|
|
border-radius: 5px;
|
|
background: #303030;
|
|
border: 1px solid #ffffff3b;
|
|
}
|
|
|
|
.dropdown-content a {
|
|
color: white;
|
|
padding: 12px 16px;
|
|
text-decoration: none;
|
|
display: block;
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
|
|
.dropdown-content a:hover {
|
|
background-color: #f1f1f11a;
|
|
}
|
|
|
|
.show {
|
|
display: block;
|
|
}
|
|
}
|
|
.upload-asset {
|
|
padding: 6px 12px;
|
|
border-radius: 9px;
|
|
background-color: #5899ff5e;
|
|
color: #46cbff;
|
|
}
|
|
.dropdown.notifications .dd-button-view {
|
|
width: 30px;
|
|
padding: 4px;
|
|
background-color: #d7547d;
|
|
color: white;
|
|
border-radius: 100%;
|
|
border: 0;
|
|
box-shadow: 0 6px 5px -3px black;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
}
|