ilyakooo0/seax
1
0
Fork 0
mirror of https://github.com/ilyakooo0/seax.git synced 2024-07-14 23:30:29 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #9 from vagos/frontend

Browse Source 
Restored fonts and added some more infos in the search results page
This commit is contained in:
Evangelos Lamprou 2023-10-20 12:56:10 +02:00 committed by GitHub
commit 272b0c3c24
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/assets/css/main.css
View File

@ -34,3 +34,24 @@
.search:hover {
text-decoration: underline;
}
.wavy {
animation-name: wavy;
animation-duration: 4.2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
position: relative;
top: 0;
left: 0;
}
@keyframes wavy {
0% {
top: 0px;
}
50% {
top: -15px;
}
100% {
top: 0px;
}
}

47
frontend/src/Main.elm
View File

@ -27,7 +27,6 @@ import Ur.Sub
import Ur.Types exposing (Noun(..))
import Html.String
import List
import Css
import Html.Styled.Attributes exposing (css)
import Html.Parser
import String.Extra exposing (stripTags)
@ -107,9 +106,16 @@ main =
, body =
[ view model
|> layout
[ Font.family
[ Font.family
[ Font.typeface "monospace"
, Font.typeface "Apple Color Emoji"
, Font.typeface "system-ui"
, Font.typeface "-apple-system"
, Font.typeface "BlinkMacSystemFont"
, Font.typeface "Segoe UI"
, Font.typeface "Roboto"
, Font.typeface "Helvetica"
, Font.typeface "Arial"
, Font.sansSerif
]
, clipX
]
@ -154,6 +160,29 @@ logoView attributes =
Element.image (List.append [ Html.Attributes.id "tilt" |> htmlAttribute ] attributes)
{ src = "assets/img/logo.png", description = "%seax logo" }
noSearchResultsView : Element Msg
noSearchResultsView = Element.el
[ Html.Attributes.style "padding" "1em" |> htmlAttribute
, width (px 500)
, Font.size 15
, Html.Attributes.class "wavy" |> htmlAttribute
]
(Element.text """No results found... :)
We'll try and find you something.
Just come back later.""")
subtleLink : String -> String -> Element Msg
subtleLink text href =
Element.el
[ Font.size 15
, pointer
, mouseOver
[ Font.color (rgb 0.7 0.7 0.7)
]
]
(Element.html (Html.a [ Html.Attributes.href href ] [ Html.text text ]))
view : Model -> Element Msg
view model =
case model.initiatedSearch of
@ -214,8 +243,10 @@ view model =
]
)
]
, Element.html (Html.hr [Html.Attributes.style "width" "95%"] [])
, Keyed.column [ width (minimum 0 fill), padding 8 ]
, (if List.isEmpty model.searchResults then
noSearchResultsView
else
Keyed.column [ width (minimum 0 fill), padding 8 ]
(model.searchResults
|> List.filter
(\{ engines } ->
@ -274,9 +305,13 @@ view model =
]
)
)
)
))
, Element.html (Html.hr [Html.Attributes.style "width" "95%"] [])
, row [ centerX, padding 10, spacing 10]
[ subtleLink "[About]" "https://vagos.github.io/seax"
, subtleLink "[Code]" "https://github.com/ilyakooo0/seax"
]
]
searchView : { a | search : String } -> Element Msg