dredgy/AirportAlphabetGame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SVG updates

Browse Source
This commit is contained in:
Josh
2024-05-05 20:21:57 +10:00
parent 283997ae76
commit f0b383049f
7 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -4,4 +4,4 @@ obj/
riderModule.iml riderModule.iml
/_ReSharper.Caches/ /_ReSharper.Caches/
/.vs /.vs
./idea .idea

2
.idea/.idea.AirportAlphabetGame/.idea/watcherTasks.xml generated
View File

@@ -2,7 +2,7 @@
<project version="4"> <project version="4">
<component name="ProjectTasksOptions"> <component name="ProjectTasksOptions">
<TaskOptions isEnabled="true"> <TaskOptions isEnabled="true">
<option name="arguments" value="$FileName$:../public/styles/$FileNameWithoutExtension$.css" /> <option name="arguments" value="$FileName$:../wwwroot/styles/$FileNameWithoutExtension$.css" />
<option name="checkSyntaxErrors" value="true" /> <option name="checkSyntaxErrors" value="true" />
<option name="description" /> <option name="description" />
<option name="exitCodeBehavior" value="ERROR" /> <option name="exitCodeBehavior" value="ERROR" />

2
AirportAlphabetGame/Program.fs
View File

@@ -1,6 +1,4 @@
open Microsoft.AspNetCore.Mvc
open Microsoft.Extensions.DependencyInjection open Microsoft.Extensions.DependencyInjection
open Microsoft.AspNetCore.Http
open Saturn open Saturn
open Giraffe open Giraffe
open Types open Types

7
AirportAlphabetGame/View.fs
View File

@@ -36,12 +36,7 @@ let index content =
] [ ] [
input [_type "text"; _name "fr24user"; _autocomplete "off"; _placeholder "Enter your MyFlightRadar24 username..."; _required; _hxValidate "true"; _pattern ".{4,}"] input [_type "text"; _name "fr24user"; _autocomplete "off"; _placeholder "Enter your MyFlightRadar24 username..."; _required; _hxValidate "true"; _pattern ".{4,}"]
button [_type "submit";] [str "Let's find out!"] button [_type "submit";] [str "Let's find out!"]
Svg.svg [_width "200"; _height "30"] [ img [_class "loading"; _alt "Loading..."; _width "200"; _height "30"; _src "/images/loading.svg"]
Svg.rect [_width "200"; _height "30"; Svg._fill "lightgray"] []
Svg.rect [_width "50"; _height "30"; Svg._fill "white"] [
Svg.animate [Svg._attributeName "x"; Svg._attributeType "XML"; Svg._values "0;150;0"; Svg._dur "2s"; Svg._begin "0s"; Svg._repeatCount "indefinite"] []
]
]
] ]
] ]
] ]

4
AirportAlphabetGame/sass/core.sass
View File

@@ -86,7 +86,7 @@ h1
color: white color: white
background: grey background: grey
svg .loading
display: none display: none
@@ -114,7 +114,7 @@ h1
input, button input, button
display: none display: none
svg .loading
display: block display: block
section#results section#results

7
AirportAlphabetGame/wwwroot/images/loading.svg Normal file
View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200" height="30">
<rect width="200" height="30" fill="lightgray" />
<rect width="50" height="30" fill="white">
<animate attributeName="x" attributeType="XML" values="0;150;0" dur="2s" begin="0s" repeatCount="indefinite" />
</rect>
</svg>

4
AirportAlphabetGame/wwwroot/styles/core.css
View File

@@ -86,7 +86,7 @@ h1 {
color: white; color: white;
background: grey; background: grey;
} }
#pageContainer section#input article form svg { #pageContainer section#input article form .loading {
display: none; display: none;
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {
@@ -112,7 +112,7 @@ h1 {
#pageContainer section#input article form.htmx-request input, #pageContainer section#input article form.htmx-request button { #pageContainer section#input article form.htmx-request input, #pageContainer section#input article form.htmx-request button {
display: none; display: none;
} }
#pageContainer section#input article form.htmx-request svg { #pageContainer section#input article form.htmx-request .loading {
display: block; display: block;
} }
#pageContainer section#results { #pageContainer section#results {