diff --git a/.gitignore b/.gitignore
index 59e47483..ca3b0398 100644
--- a/.gitignore
+++ b/.gitignore
@@ -141,3 +141,4 @@ tests/gamutrf_test_dir/*.tar*
*.DS_Store
\#*
+*.swp
diff --git a/docker/Dockerfile.waterfall b/docker/Dockerfile.waterfall
index c5783566..a7bef3e6 100644
--- a/docker/Dockerfile.waterfall
+++ b/docker/Dockerfile.waterfall
@@ -3,6 +3,12 @@ FROM ubuntu:22.04 as installer
ENV DEBIAN_FRONTEND noninteractive
ENV PATH="${PATH}:/root/.local/bin"
SHELL ["/bin/bash", "-o", "pipefail", "-c"]
+# hadolint ignore=DL3008
+RUN apt-get update && \
+ apt install -y ca-certificates curl gnupg
+RUN curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg
+RUN echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_20.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list
+RUN apt-get update && apt-get install --no-install-recommends -y -q nodejs
RUN apt-get update && apt-get install --no-install-recommends -y -q \
ca-certificates \
curl \
@@ -15,6 +21,13 @@ RUN apt-get update && apt-get install --no-install-recommends -y -q \
python3-pip && \
curl -sSL https://install.python-poetry.org | python3 - --version 1.7.1 && \
poetry config virtualenvs.create false
+WORKDIR /root
+RUN git clone https://github.com/twbs/bootstrap
+RUN git clone https://github.com/jquery/jquery
+WORKDIR /root/bootstrap
+RUN npm install bootstrap@v5.3.3
+WORKDIR /root/jquery
+RUN npm install jquery@3.7.1
WORKDIR /gamutrflib
COPY gamutrflib /gamutrflib/
RUN poetry install --no-interaction --no-ansi --no-dev
@@ -36,4 +49,6 @@ COPY --from=installer /root/.local /root/.local
COPY --from=installer /usr/local /usr/local
COPY --from=installer /gamutrflib /gamutrflib
COPY --from=installer /gamutrfwaterfall /gamutrfwaterfall
+COPY --from=installer /root/bootstrap/dist/css/bootstrap.min.css /gamutrfwaterfall/gamutrfwaterfall/static
+COPY --from=installer /root/jquery/node_modules/jquery/dist/jquery.min.js /gamutrfwaterfall/gamutrfwaterfall/static
CMD ["gamutrf-waterfall", "--help"]
diff --git a/gamutrfwaterfall/gamutrfwaterfall/static/styles/gamutrf.css b/gamutrfwaterfall/gamutrfwaterfall/static/styles/gamutrf.css
new file mode 100644
index 00000000..6fbc8e7a
--- /dev/null
+++ b/gamutrfwaterfall/gamutrfwaterfall/static/styles/gamutrf.css
@@ -0,0 +1,56 @@
+#waterfall {
+ margin-top: -20px;
+}
+
+.content_container {
+ display: flex; /*sets form and image next to each other*/
+ /*border-radius: 2%;
+ padding: 5%;*/
+}
+
+.scanner_args_form {
+ padding: 10px;
+ margin: 10px;
+}
+
+.logo_name {
+ color: white;
+}
+
+body {
+ background: #1e1e1e;
+ color: #cdcdcd;
+}
+
+/* Style the tab */
+.nav_bar {
+ overflow: hidden;
+ border: 1px solid #ccc;
+ background-color: #f1f1f1;
+}
+
+ /* Style the buttons inside the tab */
+.nav_bar button {
+ background-color: inherit;
+ float: left;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ padding: 14px 16px;
+ transition: 0.3s;
+ font-size: 17px;
+}
+
+/* Change background color of buttons on hover */
+.nav_bar button:hover {
+ background-color: #ddd;
+}
+
+/* Create an active/current tablink class */
+.nav_bar button.active {
+ background-color: #ccc;
+}
+
+/* .nav-link.active {
+ --bs-nav-pills-link-active-bg: #140047;
+} */
diff --git a/gamutrfwaterfall/gamutrfwaterfall/templates/base.html b/gamutrfwaterfall/gamutrfwaterfall/templates/base.html
new file mode 100644
index 00000000..6ea2391f
--- /dev/null
+++ b/gamutrfwaterfall/gamutrfwaterfall/templates/base.html
@@ -0,0 +1,40 @@
+
+
+ {% block head %}
+ {% block title %}GamutRF{% endblock title %}
+
+
+
+ {% endblock head %}
+
+
+
+
+ {% block body %}
+ {% endblock body %}
+
+ {% block script %}
+ {% endblock script %}
+
+
diff --git a/gamutrfwaterfall/gamutrfwaterfall/templates/predictions.html b/gamutrfwaterfall/gamutrfwaterfall/templates/predictions.html
new file mode 100644
index 00000000..5ae5dda4
--- /dev/null
+++ b/gamutrfwaterfall/gamutrfwaterfall/templates/predictions.html
@@ -0,0 +1,22 @@
+{% extends "base.html" %}
+{% block body %}
+
+{% endblock body %}
+{% block script %}
+
+{% endblock script %}
diff --git a/gamutrfwaterfall/gamutrfwaterfall/templates/waterfall.html b/gamutrfwaterfall/gamutrfwaterfall/templates/waterfall.html
new file mode 100644
index 00000000..2055db3c
--- /dev/null
+++ b/gamutrfwaterfall/gamutrfwaterfall/templates/waterfall.html
@@ -0,0 +1,39 @@
+{% extends "base.html" %}
+{% block body %}
+
+
![]()
+
+
 }}){kind=logo}
+ {% endblock %}
+