add logo

src/FilterLists.Web/ClientApp/components/Layout.tsx

@@ -7,14 +7,17 @@ export interface LayoutProps {
 export class Layout extends React.Component<LayoutProps, {}> {
     render() {
         return <div className="container">
-                   <div className="row" style={{ margin: 1 }}>
+                   <div className="row">
                        <h1>
-                           FilterLists
-                           <sub>
-                               <em>beta</em>
-                           </sub>
+                           <img src="logo_filterlists.png" alt="FilterLists" style={{
+                               width: "40%",
+                               display: "block",
+                               height: "auto"
+                           }}/>
                        </h1>
-                       <p>The independent and comprehensive directory of all public filter and hosts lists for advertisements, trackers, malware, and annoyances.</p>
+                       <p style={{ margin: 10 }}>
+                           The independent and comprehensive directory of all public filter and hosts lists for advertisements, trackers, malware, and annoyances.
+                       </p>
                    </div>
                    <div className="row">
                        <div>

src/FilterLists.Web/FilterLists.Web.csproj

@@ -22,6 +22,12 @@
     <Content Remove="ClientApp\**" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Content Update="wwwroot\logo_filterlists.png">
+      <CopyToOutputDirectory>Always</CopyToOutputDirectory>
+    </Content>
+  </ItemGroup>
+
   <Target Name="DebugRunWebpack" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug' And !Exists('wwwroot\dist') ">
     <!-- Ensure Node.js is installed -->
     <Exec Command="node --version" ContinueOnError="true">