diff --git a/Selector.MAUI/Selector.MAUI.csproj b/Selector.MAUI/Selector.MAUI.csproj index 882e26a..d037dbf 100644 --- a/Selector.MAUI/Selector.MAUI.csproj +++ b/Selector.MAUI/Selector.MAUI.csproj @@ -37,8 +37,15 @@ false - + + + false + Mac Developer + 3rd Party Mac Developer Installer + True + Platforms/MacCatalyst/Entitlements.Debug.plist @@ -74,7 +81,6 @@ - @@ -92,4 +98,22 @@ PreserveNewest --> + + + true + PreserveNewest + + + true + PreserveNewest + + + true + PreserveNewest + + + true + PreserveNewest + + diff --git a/Selector.MAUI/Shared/MainLayout.razor b/Selector.MAUI/Shared/MainLayout.razor index b7ac4ff..a12612b 100644 --- a/Selector.MAUI/Shared/MainLayout.razor +++ b/Selector.MAUI/Shared/MainLayout.razor @@ -12,7 +12,7 @@ }
- About + About
@@ -21,3 +21,20 @@
+@**@ + diff --git a/Selector.MAUI/Shared/MainLayout.razor.css b/Selector.MAUI/Shared/MainLayout.razor.css index 2186126..eb3769b 100644 --- a/Selector.MAUI/Shared/MainLayout.razor.css +++ b/Selector.MAUI/Shared/MainLayout.razor.css @@ -9,11 +9,12 @@ main { } .sidebar { - background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); + /* background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%); */ + background-color: #232323; } .top-row { - background-color: #f7f7f7; + background-color: #232323; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; @@ -21,20 +22,20 @@ main { align-items: center; } - .top-row ::deep a, .top-row ::deep .btn-link { - white-space: nowrap; - margin-left: 1.5rem; - text-decoration: none; - } +.top-row ::deep a, .top-row ::deep .btn-link { + white-space: nowrap; + margin-left: 1.5rem; + text-decoration: none; +} - .top-row ::deep a:hover, .top-row ::deep .btn-link:hover { - text-decoration: underline; - } +.top-row ::deep a:hover, .top-row ::deep .btn-link:hover { + text-decoration: underline; +} - .top-row ::deep a:first-child { - overflow: hidden; - text-overflow: ellipsis; - } +.top-row ::deep a:first-child { + overflow: hidden; + text-overflow: ellipsis; +} @media (max-width: 640.98px) { .top-row:not(.auth) { diff --git a/Selector.MAUI/wwwroot/andy.png b/Selector.MAUI/wwwroot/andy.png new file mode 100644 index 0000000..96a6952 Binary files /dev/null and b/Selector.MAUI/wwwroot/andy.png differ diff --git a/Selector.MAUI/wwwroot/css/app.css b/Selector.MAUI/wwwroot/css/app.css index 7f28917..66d53f6 100644 --- a/Selector.MAUI/wwwroot/css/app.css +++ b/Selector.MAUI/wwwroot/css/app.css @@ -4,13 +4,18 @@ html, body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } +body { + background-color: #2b2b2b; + color: #efefef; +} + h1:focus { outline: none; } -a, .btn-link { +/*a, .btn-link { color: #0071c1; -} +}*/ .btn-primary { color: #fff; diff --git a/Selector.MAUI/wwwroot/css/card.css b/Selector.MAUI/wwwroot/css/card.css new file mode 100644 index 0000000..440db2b --- /dev/null +++ b/Selector.MAUI/wwwroot/css/card.css @@ -0,0 +1,72 @@ +.card { + background-color: #3c3c3c; + color: white; + margin: 5px; + padding: 15px; + box-shadow: 5px 5px 0px #0f0f0f; + transition: box-shadow 0.5s; + border-style: solid; + border-color: black; + border-width: 5px; +} + +.card:hover { + box-shadow: none; + offset: 4px 4px; +} + +@media only screen and (min-width: 768px) { + .now-playing-card { + position: fixed; + z-index: 10; + right: 20px; + bottom: 20px; + width: 250px; + } +} + +@media only screen and (min-width: 768px) { + .info-card { + min-width: 200px; + max-width: 500px; + } + + .chart-card { + width: 500px; + } +} + +.now-playing-card { + text-shadow: 2px 2px 2px #0f0f0f; +} + +.now-playing-card .cover-art { + box-shadow: 4px 4px 2px #0f0f0f; + margin-bottom: 15px; +} + +.info-card { + margin-top: 10px; + margin-bottom: 10px; +} + +.chart-card { + margin-top: 10px; + margin-bottom: 10px; +} + +.spotify-logo { + width: 21px; +} + +.spotify-logo img { + width: 21px; +} + +.lastfm-logo { + width: 24px; +} + +.lastfm-logo img { + width: 24px; +} \ No newline at end of file diff --git a/Selector.MAUI/wwwroot/css/input.css b/Selector.MAUI/wwwroot/css/input.css new file mode 100644 index 0000000..8ecd7a9 --- /dev/null +++ b/Selector.MAUI/wwwroot/css/input.css @@ -0,0 +1,9 @@ +input[type=text], input[type=email], input[type=tel], input[type=password] { + background-color: #444444 !important; + border-color: #545454; + color: white; +} + +input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus { + color: white; +} \ No newline at end of file diff --git a/Selector.MAUI/wwwroot/css/link.css b/Selector.MAUI/wwwroot/css/link.css new file mode 100644 index 0000000..ce3c17c --- /dev/null +++ b/Selector.MAUI/wwwroot/css/link.css @@ -0,0 +1,33 @@ +.dash-underline { + text-decoration: dotted; + text-decoration-line: underline; + text-decoration-thickness: 2px; + text-underline-offset: 5px; +} + +.dash-underline:hover { + text-decoration: solid; + text-decoration-line: underline; + text-decoration-thickness: 1.5px; +} + +.dash-underline-lg { + font-size: 24px; + text-decoration: dotted; + text-decoration-line: underline; + text-decoration-thickness: 4px; + text-underline-offset: 5px; +} + +.dash-underline-lg:hover { + text-decoration: solid; + text-decoration-line: underline; + text-decoration-thickness: 3.4px; +} + +.link-dark { + color: #a3a3a3; +} +.link-dark:hover { + color: #a3a3a3; +} \ No newline at end of file diff --git a/Selector.MAUI/wwwroot/index.html b/Selector.MAUI/wwwroot/index.html index 4e5b6f6..a5cb898 100644 --- a/Selector.MAUI/wwwroot/index.html +++ b/Selector.MAUI/wwwroot/index.html @@ -7,6 +7,9 @@ + + + diff --git a/Selector.MAUI/wwwroot/last_fm.png b/Selector.MAUI/wwwroot/last_fm.png new file mode 100644 index 0000000..7a639cd Binary files /dev/null and b/Selector.MAUI/wwwroot/last_fm.png differ diff --git a/Selector.MAUI/wwwroot/live.gif b/Selector.MAUI/wwwroot/live.gif new file mode 100644 index 0000000..e1d82b7 Binary files /dev/null and b/Selector.MAUI/wwwroot/live.gif differ diff --git a/Selector.MAUI/wwwroot/spotify_icon.png b/Selector.MAUI/wwwroot/spotify_icon.png new file mode 100644 index 0000000..44d781f Binary files /dev/null and b/Selector.MAUI/wwwroot/spotify_icon.png differ