diff --git a/dashboard.php b/dashboard.php index 9d3aadc..e5cbbad 100644 --- a/dashboard.php +++ b/dashboard.php @@ -26,20 +26,12 @@ $table = $conn->query("SELECT * FROM user" . $user_id . " ORDER BY name;"); Dashboard - CineTrack - + -

CineTrack

+
+ +

Welcome, !

Logout
@@ -49,28 +41,47 @@ $table = $conn->query("SELECT * FROM user" . $user_id . " ORDER BY name;"); +
num_rows > 0) { + $i = 0; while($row = $table->fetch_assoc()) { - echo "
"; + echo "
" . $row["name"] . "
"; - echo "
"; - echo "
"; - echo $row["overview"]; - echo "
"; + echo ""; - echo "
"; - echo "
"; - echo ""; - echo ""; - echo ""; - echo ""; - echo "
"; - echo "
"; + $i++; } } ?> +
+ close(); ?> diff --git a/fonts/FiraSans-Regular.woff2 b/fonts/FiraSans-Regular.woff2 new file mode 100644 index 0000000..e766e06 Binary files /dev/null and b/fonts/FiraSans-Regular.woff2 differ diff --git a/index.php b/index.php index b0d9780..5c0d070 100755 --- a/index.php +++ b/index.php @@ -7,15 +7,18 @@ Login - Cinetrack + -

CineTrack

+
+ +

Login

- +

- +

diff --git a/search.php b/search.php index c27f7a6..2da0ca0 100644 --- a/search.php +++ b/search.php @@ -30,9 +30,13 @@ $json = json_decode($response->getBody(), true)["results"]; Search - CineTrack + + -

CineTrack

+
+ +
Go Back

Search results:

diff --git a/style.css b/style.css new file mode 100644 index 0000000..6b0a6ea --- /dev/null +++ b/style.css @@ -0,0 +1,130 @@ +/* Boilerplate */ +* { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + html { + scroll-behavior: smooth; + } +} + +/* CSS */ +@font-face { + font-family: 'Fira Sans'; + src: url('fonts/FiraSans-Regular.woff2'); +} + +html { + background: #0f0c29; /* fallback for old browsers */ + background: linear-gradient(to right, #0f0c29, #302b63, #24243e); +} + +body { + color: #eee; + font-family: 'Fira Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; + text-align: center; + margin: 0 auto; +} + +a { + color: #eee; +} + +header { + background: #00000088; + backdrop-filter: blur(12px); + margin: 0; + padding: .5rem; + text-align: left; +} + +div { + margin: 0 auto; +} + +form { + margin: 1rem auto; +} + +.left_container { + width: 12rem; +} + +.left_container img { + border-radius: 1rem; +} + +.right_container { + padding: 1rem; + width: 80%; +} + +@media screen and (min-width: 900px) { + .left_container { + float: left; + } + + .right_container { + float: right; + width: calc(60vw - 15rem); + } +} + +.auto-fit { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); +} + +.auto-fit div img { + border-radius: 1rem; +} + +.popup { + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.popup-content { + background-color: #24243e; + margin: 10% auto; + padding: 20px; + border: thin solid #888; + border-radius: 1rem; + width: 80%; + max-width: 60vw; + overflow: hidden; +} + +.close { + color: #888; + float: right; + font-size: 28px; + font-weight: bold; + cursor: pointer; +} + +.close:hover, +.close:focus { + color: #eee; + text-decoration: none; + cursor: pointer; +} + +input[type=text], +input[type=password], +input[type=submit], +input[type=number] { + background: rgba(0, 0, 0, 0.5); + border: thin solid #888; + padding: .5rem; + color: #eee; + border-radius: 1rem; +}