initial COMP-2 draft

webapp/src/styles.scss

@@ -13,3 +13,42 @@ thead {
 .state_false {
     background-color: red;
 }
+
+$border-color: #064c6e !default;
+$text-color: #377592 !default;
+$queue_link_hover: #ffffff !default;
+
+.title-background {
+  background-image: url("images/compendium_header.png");
+  background-color: #064c6e;
+  vertical-align: center;
+  padding-bottom: 15px;
+  padding-bottom: 15px;
+}
+$footer-height: 75px !default;
+
+.footer-img{
+  width: 55px;
+  height:38px
+}
+
+.footer {
+  margin-top: 8px;
+  background-color: #064c6e;
+  font-size: 8px;
+  height:75px;
+  color: black;
+  width:100%;
+  padding:15px;
+  clear:both;
+}
+
+.footer-text {
+  color: white;
+  margin-left: 30px;
+}
+
+.px {
+  padding-left: 55px;
+}
+

webapp/webpack.config.ts

@@ -36,10 +36,40 @@ const config: webpack.Configuration = {
           { loader: 'css-loader' }
         ]
       },
+      {
+        test: /\.(png|svg|jpe?g|gif)$/,
+        include: /images/,
+        use: [
+          {
+            loader: 'file-loader',
+            options: {
+              name: '[name].[ext]',
+              outputPath: 'images/',
+              publicPath: 'images/'
+            }
+          },
+          {
+            loader: 'image-webpack-loader',
+            options: {
+              query: {
+                mozjpeg: {
+                  progressive: true,
+                },
+                gifsicle: {
+                  interlaced: true,
+                },
+                optipng: {
+                  optimizationLevel: 7,
+                }
+              }
+            }
+          },
+        ]
+      },
     ],
   },
   resolve: {
-    extensions: [".tsx", ".ts", ".js"],
+    extensions: [".tsx", ".ts", ".js", ".html"],
   },
   output: {
     path: path.resolve(__dirname, "..", "compendium_v2", "static"),
@@ -54,7 +84,9 @@ const config: webpack.Configuration = {
     new ForkTsCheckerWebpackPlugin({
       async: false,
       eslint: {
-        files: "./src/**/*",
+       files: [
+            "./src/**/*\.tsx",
+        ]
       },
     }),
   ],