Tweak HTML titles

public/index.html

@@ -5,6 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <!-- CSS goes here -->
   <link rel="stylesheet" href="/style.css">
+  <title>abra apps</title>
   <link rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
   <!--<link rel="stylesheet"

src/Pages/About.elm

@@ -38,7 +38,7 @@ view { params } =
         coopcloud_link = a [ href "https://coopcloud.tech/" ] [ text "Co-op Cloud" ]
         source_link = a [ href "https://git.autonomic.zone/coop-cloud/abra-apps" ] [ text "source" ]
     in
-        { title = "about"
+        { title = "about – abra apps"
         , body = 
             [ div [ class "pt-3" ]
                 [ div [ class "col-md-6 col-sm-10 mb-3 offset-md-3 offset-sm-1" ] 

src/Pages/App_String.elm

@@ -134,11 +134,11 @@ title : Model -> String
 title model =
     case model.status of
         Loading ->
-            "loading - abra apps"
+            "loading – abra apps"
         Failure ->
-            "error - abra apps"
+            "error –- abra apps"
         Success app ->
-            app.name ++ " - abra apps"
+            app.name ++ " – abra apps"
 
 
 body : Model -> Html Msg