Advertise new tube departures

benfl3713 · Nov 18, 2023 · d9afdfe · d9afdfe
1 parent 518a393
commit d9afdfe
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 55 deletions.
diff --git a/DepartureBoardWeb/ClientApp/src/app/Pages/home/home.component.html b/DepartureBoardWeb/ClientApp/src/app/Pages/home/home.component.html
@@ -8,9 +8,9 @@
           <h1 id="home-title" class="slider-title led-font" style="font-size: 3.3em">
             Led Departure Board
           </h1>
-          <p class="slider-description mt-5">
+          <p class="slider-description mt-5" style="max-width: 800px">
             A webapp designed to re-create the platform led signs you get at
-            British and German train stations.<br />
+            British train stations and London underground stations.
             The data is collected live from multiple datasource's and displayed
             in multiple custom built panels.
           </p>
@@ -56,33 +56,33 @@ <h1 id="home-title" class="slider-title led-font" style="font-size: 3.3em">
     </div>
   </div>
 
-  <section class="container" id="search">
+  <section class="iq-how-work pt-0" id="news">
     <div class="container">
       <div class="row">
-        <div class="col-sm-12" #searchView>
+        <div class="col-sm-12">
           <app-black-section-title
-            title="Search"
-            subtitle="Find your Station"
-            icon="fas fa-search"
+            title="News"
+            subtitle="Recent News & Updates"
+            icon="fa-solid fa-newspaper"
           ></app-black-section-title>
         </div>
       </div>
-      <app-components-search id="search"></app-components-search>
+      <app-components-widgets-news></app-components-widgets-news>
     </div>
   </section>
 
-  <section class="iq-how-work pt-0" id="news">
+  <section class="container" id="search">
     <div class="container">
       <div class="row">
-        <div class="col-sm-12">
+        <div class="col-sm-12" #searchView>
           <app-black-section-title
-            title="News"
-            subtitle="Recent News & Updates"
-            icon="fa-solid fa-newspaper"
+            title="Search"
+            subtitle="Find your Station"
+            icon="fas fa-search"
           ></app-black-section-title>
         </div>
       </div>
-      <app-components-widgets-news></app-components-widgets-news>
+      <app-components-search id="search"></app-components-search>
     </div>
   </section>
 

diff --git a/DepartureBoardWeb/ClientApp/src/app/widgets/news/news.component.css b/DepartureBoardWeb/ClientApp/src/app/widgets/news/news.component.css
@@ -1,3 +1,7 @@
 .tui-island__title, .tui-island__paragraph {
   text-align: center;
 }
+
+a {
+  color: #ff9729
+}
diff --git a/DepartureBoardWeb/ClientApp/src/app/widgets/news/news.component.html b/DepartureBoardWeb/ClientApp/src/app/widgets/news/news.component.html
@@ -1,43 +1,10 @@
-<!-- <div
-  fxLayout="row"
-  fxLayout.xs="column"
-  fxLayoutGap="30px"
-  fxLayoutAlign="center"
->
-  <tui-island *ngFor="let news of newsItems" fxFlex="25%" tuiMode="onDark">
-    <h3 class="tui-island__title">{{ news.title }}</h3>
-    <p
-      class="tui-island__paragraph"
-      [innerHtml]="news.content"
-      routeTransformer
-    ></p>
-    <p
-      class="tui-island__paragraph tui-island__paragraph_link"
-      *ngIf="news.titleLink"
-    >
-      <a
-          tuiButton
-          type="button"
-          class="tui-island__footer-button"
-          appearance="flat"
-          size="s"
-          [href]="news.titleLink"
-          target="_blank"
-      >
-        More Info
-      </a>
-    </p>
-  </tui-island>
-</div> -->
-
-
 <div class="row">
   <div class="col-lg-4" *ngFor="let news of newsItems; let i = index" >
     <div [ngClass]="'iq-work wow fadeInUp'" data-wow-duration="0.5s">
       <app-black-card-style1>
         <div cardNumber>{{i + 1 | number: '2.0'}}</div>
         <div cardContent>
-          <i class="flaticon-responsive flaticon mb-3"></i>
+          <i class="fas fa-subway fa-lg mb-3"></i>
           <h4 class=" iq-fw-8">{{news.title}}</h4>
           <p class="mt-3 mb-0" [innerHtml]="news.content" routeTransformer></p>
         </div>

diff --git a/DepartureBoardWeb/ClientApp/src/app/widgets/news/news.items.ts b/DepartureBoardWeb/ClientApp/src/app/widgets/news/news.items.ts
@@ -1,4 +1,9 @@
 export const NewsItems: NewsItem[] = [
+  {
+    title: "🚄 NEW: Tube Trains!!",
+    content:
+      "TFL Tube Departures are here in beta!!!. You can use them immediately by going to <a href='/london-tube/search'>Boards > London Tube</a> <span style=\"margin-left: 15px; font-size: 15px\" class=\"badge badge-pill badge-primary\">Beta</span>",
+  },
   {
     title: 'New Framework Version',
     content:
@@ -10,12 +15,7 @@ export const NewsItems: NewsItem[] = [
       "A new <a href='https://docs.leddepartureboard.com' target='_blank'>website</a> has been built to provide documentation/user guides on leddepartureboard.com",
     isHighlighted: false,
     titleLink: 'https://docs.leddepartureboard.com'
-  },
-  {
-    title: "🚄 Coming Soon: Tube Trains",
-    content:
-      "TFL Tube Departures are coming soon!!!",
-  },
+  }
 ];
 
 interface NewsItem {

diff --git a/DepartureBoardWeb/ClientApp/src/index.html b/DepartureBoardWeb/ClientApp/src/index.html
@@ -7,7 +7,7 @@
   <base href="/" />
 
   <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="keywords" content="trains,uk,departure board,led,led departure board,train times,departures" />
+  <meta name="keywords" content="trains,uk,departure board,led,led departure board,train times,departures,tube,london tube" />
   <meta name="description"
     content="Live Train times for all of the UK stations presented to look like real led departure boards" />
   <meta property="og:title" content="Led Departure Board" />