diff --git a/tools/web-fuzzing-introspection/app/static/assets/db/oss_fuzz.py b/tools/web-fuzzing-introspection/app/static/assets/db/oss_fuzz.py
index 77364a385..2ea96343f 100644
--- a/tools/web-fuzzing-introspection/app/static/assets/db/oss_fuzz.py
+++ b/tools/web-fuzzing-introspection/app/static/assets/db/oss_fuzz.py
@@ -180,6 +180,23 @@ def get_introspector_report_url_debug_info(project_name, datestr):
                                             datestr) + "all_debug_info.json"
 
 
+def get_introspector_report_url_fuzzer_log_file(project_name, datestr, fuzzer):
+    return get_introspector_report_url_base(
+        project_name, datestr) + f"fuzzerLogFile-{fuzzer}.data.yaml"
+
+
+def get_introspector_report_url_fuzzer_program_data(project_name, datestr,
+                                                    program_data_filename):
+    return get_introspector_report_url_base(project_name,
+                                            datestr) + program_data_filename
+
+
+def get_introspector_report_url_fuzzer_coverage_urls(project_name, datestr,
+                                                     coverage_files):
+    prefix = get_introspector_report_url_base(project_name, datestr)
+    return [prefix + ff for ff in coverage_files]
+
+
 def extract_introspector_debug_info(project_name, date_str):
     debug_data_url = get_introspector_report_url_debug_info(
         project_name, date_str.replace("-", ""))
@@ -281,6 +298,59 @@ def get_fuzzer_code_coverage_summary(project_name, datestr, fuzzer):
         return None
 
 
+MAGNITUDES = {
+    "k": 10**(3 * 1),
+    "M": 10**(3 * 2),
+    "G": 10**(3 * 3),
+    "T": 10**(3 * 4),
+    "P": 10**(3 * 5),
+    "E": 10**(3 * 6),
+    "Z": 10**(3 * 7),
+    "Y": 10**(3 * 8),
+}
+
+
+def get_fuzzer_corpus_size(project_name, datestr, fuzzer, introspector_report):
+    """Go through coverage reports to find the LLVMFuzzerTestOneInput function. The first hit count equals the number inputs found."""
+
+    if introspector_report["MergedProjectProfile"]["overview"][
+            "language"] != "c-cpp":
+        return None
+
+    metadata_files = introspector_report[fuzzer]["metadata-files"]
+
+    fuzzer_program_coverage_urls = get_introspector_report_url_fuzzer_coverage_urls(
+        project_name, datestr, metadata_files["coverage"])
+
+    for url in fuzzer_program_coverage_urls:
+        found = False
+        try:
+            cov_res = requests.get(url, timeout=20).text
+            for ll in cov_res.splitlines():
+                if found:
+                    # Letters used is implemented here:
+                    # https://github.com/llvm/llvm-project/blob/7569de527298a52618239ef68b9374a5c35c8b97/llvm/tools/llvm-cov/SourceCoverageView.cpp#L117
+                    # Used from here:
+                    # https://github.com/llvm/llvm-project/blob/35ed9a32d58bc8cbace31dc7c3bba79d0e3a9256/llvm/tools/llvm-cov/SourceCoverageView.h#L269
+                    try:
+                        count_str = ll.split("|")[1].strip()
+                        magnitude_char = count_str[-1]
+                        if magnitude_char.isalpha():
+                            magnitude = MAGNITUDES[magnitude_char]
+                            count = float(count_str[:-1])
+                        else:
+                            magnitude = 1
+                            count = float(count_str)
+                        return int(magnitude * count)
+                    except:
+                        # Something went wrong, maybe another file has correct data.
+                        break
+                if ll == "LLVMFuzzerTestOneInput:":
+                    found = True
+        except:
+            return None
+
+
 def extract_new_introspector_functions(project_name, date_str):
     introspector_functions_url = get_introspector_report_url_all_functions(
         project_name, date_str.replace("-", ""))
@@ -372,7 +442,7 @@ def extract_introspector_report(project_name, date_str):
     introspector_report_url = get_introspector_report_url_report(
         project_name, date_str.replace("-", ""))
 
-    # Read the introspector atifact
+    # Read the introspector artifact
     try:
         raw_introspector_json_request = requests.get(introspector_summary_url,
                                                      timeout=10)
diff --git a/tools/web-fuzzing-introspection/app/static/assets/db/web_db_creator_from_summary.py b/tools/web-fuzzing-introspection/app/static/assets/db/web_db_creator_from_summary.py
index f9b9e1813..762cfd299 100644
--- a/tools/web-fuzzing-introspection/app/static/assets/db/web_db_creator_from_summary.py
+++ b/tools/web-fuzzing-introspection/app/static/assets/db/web_db_creator_from_summary.py
@@ -325,7 +325,7 @@ def extract_code_coverage_data(code_coverage_summary):
     return line_total_summary
 
 
-def prepare_code_coverage_dict(
+def prepare_code_coverage_data(
         code_coverage_summary, project_name: str, date_str: str,
         project_language: str) -> Optional[Dict[str, Any]]:
     """Gets coverage URL and line coverage total of a project"""
@@ -472,7 +472,7 @@ def extract_local_project_data(project_name, oss_fuzz_path,
         project_name
     }
 
-    code_coverage_data_dict = prepare_code_coverage_dict(
+    code_coverage_data_dict = prepare_code_coverage_data(
         code_coverage_summary, project_name, '', project_language)
 
     if cov_fuzz_stats is not None:
@@ -737,7 +737,7 @@ def extract_project_data(project_name, date_str, should_include_details,
             'project_name': project_name
         }
 
-    code_coverage_data_dict = prepare_code_coverage_dict(
+    code_coverage_data_dict = prepare_code_coverage_data(
         code_coverage_summary, project_name, date_str, project_language)
 
     per_fuzzer_cov = {}
@@ -748,10 +748,19 @@ def extract_project_data(project_name, date_str, should_include_details,
 
         amount_of_fuzzers = len(all_fuzzers)
         for ff in all_fuzzers:
+            try:
+                fuzzer_corpus_size = oss_fuzz.get_fuzzer_corpus_size(
+                    project_name, date_str.replace("-", ""), ff,
+                    introspector_report)
+            except:
+                fuzzer_corpus_size = None
+
             try:
                 fuzzer_cov = oss_fuzz.get_fuzzer_code_coverage_summary(
                     project_name, date_str.replace("-", ""), ff)
                 fuzzer_cov_data = extract_code_coverage_data(fuzzer_cov)
+                if fuzzer_cov_data is not None:
+                    fuzzer_cov_data['corpus_size'] = fuzzer_corpus_size
                 per_fuzzer_cov[ff] = fuzzer_cov_data
             except:
                 pass
@@ -919,8 +928,36 @@ def extend_db_timestamps(db_timestamp, output_directory):
             json.dump(existing_timestamps, f)
 
 
+def per_fuzzer_coverage_has_degraded(fuzzer_data: List[Dict[str, Any]],
+                                     project_name: str,
+                                     ff: str) -> List[Dict[str, str]]:
+    """Go through the fuzzer data and find coverage drops."""
+
+    def get_url(date):
+        report_url = oss_fuzz.get_fuzzer_code_coverage_summary_url(
+            project_name, date.replace('-', ''), ff)
+        report_url = report_url[:-len('summary.json')] + 'index.html'
+        return report_url
+
+    res = []
+    for yesterday, today in zip(fuzzer_data[:-1], fuzzer_data[1:]):
+        if yesterday['percentage'] - today[
+                'percentage'] > FUZZER_COVERAGE_IS_DEGRADED:
+            res.append({
+                'before_date': yesterday['date'],
+                'before_url': get_url(yesterday['date']),
+                'before_perc': yesterday['percentage'],
+                'current_date': today['date'],
+                'current_url': get_url(today['date']),
+                'current_perc': today['percentage'],
+            })
+
+    return res
+
+
 def per_fuzzer_coverage_analysis(project_name: str,
-                                 coverages: Dict[str, List[Tuple[int, str]]],
+                                 per_fuzzer_data: Dict[str, List[Dict[str,
+                                                                      Any]]],
                                  lost_fuzzers):
     """Go through the recent coverage results and combine them into a short summary.
     Including an assessment if the fuzzer got worse over time.
@@ -932,34 +969,47 @@ def per_fuzzer_coverage_analysis(project_name: str,
     # at per fuzzer coverage, which is should already be normalized to what
     # can be reached.
     # TODO What would be a good percentage to mark as coverage degradation,
-    # taking 5% for now but should be observed, maybe per it should be
+    # taking 5% for now but should be observed, maybe it should be
     # configurable per project as well.
     results = {}
-    for ff, data in coverages.items():
+    for ff, data in per_fuzzer_data.items():
         if len(data) > 0:
-            values = [dd[0] for dd in data]
-            dates = [dd[1] for dd in data]
-            latest_date_with_value = next(dd[1] for dd in reversed(data)
-                                          if dd[0] is not None)
+            percentages = [dd['percentage'] for dd in data]
+            dates = [dd['date'] for dd in data]
+            totals = [dd['total'] for dd in data]
+            covered = [dd['covered'] for dd in data]
+            corpus_size = [dd['corpus_size'] for dd in data]
+            latest_date_with_value = next(dd['date'] for dd in reversed(data)
+                                          if dd['percentage'] is not None)
             if latest_date_with_value is not None:
                 report_url = oss_fuzz.get_fuzzer_code_coverage_summary_url(
                     project_name, latest_date_with_value.replace('-', ''), ff)
                 report_url = report_url[:-len('summary.json')] + 'index.html'
             else:
                 report_url = None
-            max_cov = max(values[:-1], default=0)
-            avg_cov = round(statistics.fmean(values), 2)
-            current = values[-1]
+            max_cov = max(percentages[:-1], default=0)
+            avg_cov = round(statistics.fmean(percentages), 2)
+            current = percentages[-1]
+            try:
+                days_degraded = per_fuzzer_coverage_has_degraded(
+                    data, project_name, ff)
+            except:
+                days_degraded = []
             results[ff] = {
                 'report_url': report_url,
                 'report_date': latest_date_with_value,
-                'coverages_values': values,
+                'hashed_name': str(hash(ff)),
+                'coverages_perc': percentages,
+                'coverages_totals': totals,
+                'coverages_covered': covered,
+                'coverages_corpus': corpus_size,
                 'coverages_dates': dates,
                 'max': max_cov,
                 'avg': avg_cov,
                 'current': current,
-                'has_degraded':
+                'max_has_degraded':
                 (max_cov - current) > FUZZER_COVERAGE_IS_DEGRADED,
+                'days_degraded': days_degraded,
                 'got_lost': ff in lost_fuzzers,
             }
     return results
@@ -999,7 +1049,18 @@ def calculate_recent_results(projects_with_new_results, timestamps,
                     except:
                         perc = 0
 
-                    per_fuzzer_coverages[ff].append((perc, do))
+                    per_fuzzer_coverages[ff].append({
+                        'corpus_size':
+                        cov_data['corpus_size'],
+                        'covered':
+                        cov_data['covered'],
+                        'total':
+                        cov_data['count'],
+                        'percentage':
+                        perc,
+                        'date':
+                        do
+                    })
             except:
                 continue
 
@@ -1411,6 +1472,7 @@ def setup_webapp_cache() -> None:
     os.mkdir("extracted-db-archive")
 
     db_archive.extractall("extracted-db-archive")
+
     logger.info("Extracted it all")
 
     # Copy over the files
diff --git a/tools/web-fuzzing-introspection/app/webapp/models.py b/tools/web-fuzzing-introspection/app/webapp/models.py
index 67f3f04b8..8dc68ade0 100644
--- a/tools/web-fuzzing-introspection/app/webapp/models.py
+++ b/tools/web-fuzzing-introspection/app/webapp/models.py
@@ -46,7 +46,8 @@ def has_introspector(self) -> bool:
         return self.introspector_data is not None
 
     def has_recent_results(self) -> bool:
-        return self.recent_results is not None
+        return self.recent_results is not None and sum(
+            len(ff) for ff in self.recent_results) > 0
 
 
 class DBTimestamp:
diff --git a/tools/web-fuzzing-introspection/app/webapp/templates/project-profile.html b/tools/web-fuzzing-introspection/app/webapp/templates/project-profile.html
index 6874be5fc..4c8c3a654 100644
--- a/tools/web-fuzzing-introspection/app/webapp/templates/project-profile.html
+++ b/tools/web-fuzzing-introspection/app/webapp/templates/project-profile.html
@@ -1,433 +1,537 @@
-{% extends "base.html" %}                                                       
-{% block content %}   
-
-<!-- end header -->
-    <!-- main content -->
-    <main class="functions__profile">
-      <section class="project__profile">
-        <div class="container">
-          <div class="project__profile-wrapper">
-            <div class="pr__profile-header">
-              <h2>Project: <a href="{{project_url}}"> {{ project.name }}</a></h2>
-            </div>
-              <table class="profile__table" style="max-width: 450px">
-                <tbody>
-                  <tr>
-                    <td>Language</td>
-                    <td> {{ project.language }}
-                  </tr>
-                  <tr>
-                    <td>{{page_main_name}} project</td>
-                    <td><a href="{{project_url}}">link</a></td>
-                  </tr>
-                  {% if project_repo %}
-                  <tr>
-                    <td>Project repository</td>
-                    <td><a href="{{project_repo}}">link</a></td>
-                  </tr>
-                  {% endif %}
-                  <tr>
-                    <td>Build status: Fuzzers</td>
-                    <td>
-                    {% if project_build_status.fuzz_build_status == false %}
-                      failing:
-                    {% else %}
-                      succeeding:
-                    {% endif %}
-                    <a href="{{project_build_status.fuzz_build_log}}">Build log</a>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Build status: Code coverage</td>
-                    <td>
-                      {% if project_build_status.coverage_build_status == false %}
-                        failing:
-                      {% else %}
-                        succeeding:
-                      {% endif %}
-                      <a href="{{project_build_status.coverage_build_log}}">Build log</a>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Build status: Fuzz Introspector</td>
-                    <td>
-                      {% if project_build_status.introspector_build_status == false %}
-                        failing:
-                      {% else %}
-                        succeeding:
-                      {% endif %}
-                      <a href="{{project_build_status.introspector_build_log}}">Build log</a></td>
-                  </tr>                                    
-                  <tr>
-                    <td>Fuzzer count</td>
-                    {% if latest_statistics != None %}
-                      <td> {{latest_statistics.fuzzer_count }}</td>
-                    {% else %}
-                    <td> 0 </td>
-                    {% endif %}
-                  </tr>
-                  <tr>
-                    <td>Lines of code</td>
-                    <td>
-                      {% if project.coverage_data is not none %} 
-                        {{ project.coverage_data.line_coverage.count }}
-                      {% elif latest_statistics != None and latest_statistics.coverage_data != None %}
-                        {{ latest_statistics.coverage_data.line_coverage.count }}
-                      {% else %}
-                        N/A
-                      {% endif %} 
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Lines covered</td>
-                    <td>
-                      {% if project.coverage_data is not none %}
-                        {{ project.coverage_data.line_coverage.covered }}
-                      {% elif latest_statistics != None and latest_statistics.coverage_data != None %}
-                        {{ latest_statistics.coverage_data.line_coverage.covered }}
-                      {% else %}
-                        N/A
-                      {% endif %} 
-                    </td>
-                  </tr>
-                  <tr>
-                    <td>Code coverage</td>
-                    <td>
-                    {% if has_project_details and project.coverage_data != None %}
-                      {{ '%0.2f' % project.coverage_data.line_coverage.percent |float}}%
-                    {% elif latest_statistics != None and latest_statistics.coverage_data != None %}
-                        {{ latest_statistics.coverage_data.line_coverage.percent }}%
-                    {% else %}
-                      N/A
-                    {% endif %}
-                  </td>
-                  </tr>
-                  <tr>
-                    <td>Code coverage report</td>
-                      {% if has_project_details %}
-                        <td><a href="{{ project.coverage_data.coverage_url }}">Report link</a></td>
-                      {% elif latest_coverage_report != None %}
-                      <td>(Latest report from {{coverage_date}}) <a href="{{ latest_coverage_report }}">Report link</a></td>
-                      {% else %}
-                        <td>N/A</td>
-                      {% endif %}
-                  </tr>
-                  <tr>
-                    <td>Static reachability</td>
-                    {% if project.has_introspector() %}
-                      <td> {{ '%0.2f' % project.introspector_data.static_reachability |float }}% </td>
-                    {% else %}
-                      <td>N/A</td>
-                    {% endif %}
-                  </tr>
-                  <tr>
-                    <td>Fuzz Introspector report</td>
-                    {% if (latest_fuzz_introspector_report and latest_fuzz_introspector_report != "N/A") %}
-                    <td><a href="{{ latest_fuzz_introspector_report }}">Report link (from {{ latest_introspector_datestr }})</a></td>
-                    {% else %}
-                      <td>N/A</td>
-                    {% endif %}
-                  </tr> 
-                </tbody>
-              </table>
-
-              {% if project.has_recent_results() %}
-              <div style="max-height: 30rem; overflow: auto; margin-top: 1.5rem">
-                <table class="profile__table" style="max-width: 80%;">
-                  <thead>
-                    <th>Fuzzer</th>
-                    <th>Code coverage (lines)</th>
-                    <th>Latest Report</th>
-                    <th>Comments</th>
-                  </thead>
-                  <tbody>
-                    {% for fuzzer, fuzzer_data in project.recent_results.items()
-                      |sort(attribute='0')
-                      |sort(reverse=true, attribute='1.got_lost,1.has_degraded')
-                    %}
-                      <tr
-                        {% if fuzzer_data['got_lost'] or fuzzer_data['has_degraded'] %}
-                          class="alert alert-danger" role="alert"
-                        {% endif %}
-                      >
-                        <td>
-                          {{ fuzzer }}
-                        </td>
-                        <td>
-                          <code style="color: unset; white-space: nowrap;">
-                            {{ fuzzer_data['current'] }}% (avg: {{ fuzzer_data['avg'] }}%, max: {{ fuzzer_data['max'] }}%)
-                          </code>
-                        </td>
-                        <td>
-                          <a href="{{fuzzer_data['report_url']}}">{{ fuzzer_data['report_date'] }}</a>
-                        </td>
-                        <td>
-                          {% if fuzzer_data['got_lost'] %}
-                            Fuzzer no longer available!
-                          {% endif %}
-                          {% if fuzzer_data['has_degraded'] %}
-                            Coverage has degraded!
-                          {% endif %}
-                        </td>
-                      </tr>
-                    {%endfor%}
-                  </tbody>
-                </table>
-              </div>
-              {% endif %}
-
-            </div>
-          </div>
-          <!-- project profile table -->
-          <div class="project__progress">
-            <h2>Historical Progression</h2>
-            <div class="progress__graph">
-              <!-- single graph -->
-              <div class="single__graph">
-                <div class="graph__chart">
-                    <div id="codeCoverageLinesOverTimePlot" style="width:100%;max-width:500px"></div>
-                </div>
-              </div>
-              <!-- single graph -->
-              <div class="single__graph">
-                <div class="graph__chart">
-                    <div id="fuzzerCountOverTimePlot" style="width:100%;max-width:500px"></div>
-                </div>
-              </div>
-              <!-- single graph -->
-              {% if project.has_introspector() %}
-              <div class="single__graph">
-                <div class="graph__chart">
-                    <div id="codeCoverageFunctionsOverTimePlot" style="width:100%;max-width:500px"></div>
-                </div>
-              </div>
-              <!-- single graph -->
-              <div class="single__graph">
-                <div class="graph__chart">
-                    <div id="staticReachabilityOverTimePlot" style="width:100%;max-width:500px"></div>
-                </div>
-              </div>
-            </div>
-              {% else %}
-            </div>
-            <p>
-              <h4>Missing Introspector data</h4>
-              <p>Some graphs are not shown as there is no Fuzz Introspector data available. Please see indexing page for the relevant build logs. Once the build is working additionals graphs will be displayed.
-              </p>
-            </p>
-          {% endif %}
-          </div> <!-- project historical progress -->
-        </div>
-
-        {% if project.has_recent_results() %}
-        <div class="project__progress">
-          <h2>Per Fuzzer Progression</h2>
-          <div id="progress_graphs" class="progress__graph">
-          </div>
-        </div>
-        {% endif %}
-      </section>
-
-      <!-- Functions of interest forthe given project -->
-      {% if project.has_introspector() %}
-      <div class="container">
-        <div class="search__hero-wrapper">
-          <h1 class="section__title">
-            Functions of interest to fuzz
-          </h1>
-          <p>
-            This section outlines functions that may be of interest to fuzz.
-            They are based on ranking functions that have a lot of complexity but currently
-            exhibit low code coverage. The complexity is calculated based on the function itself
-            as well as the functions called by the given function, i.e. the tree of code
-            that the function triggers.
-          </p>
-          <br>
-          <p>
-            This is only a minor amount of introspection information available for this project. Please
-            consult the <a href="{{ project.introspector_data.introspector_report_url }}">Fuzz Introspector</a> report
-            for more information, e.g. the introspection table of all functions in the target
-            project <a href="{{ project.introspector_data.introspector_report_url }}#Project-functions-overview">available here</a>.
-          </p>
-        </div>
-        <div class="database overviewBody">
-  
-          <div class="database__body">
-            <div>
-              <table id="functionOfInterestTable">
-                <thead>
-                  <tr>
-                    <td>Function name</td>
-                    <td>Function source file</td>
-                    <td>Accumulated cyclomatic complexity</td>
-                    <td>Code coverage</td>
-                  </tr>
-                </thead>
-                <tbody>
-                  {% for func_of_interest in functions_of_interest %}
-                    <tr>
-                        <td>  <a href="{{base_cov_url}}{{func_of_interest.code_coverage_url}}">{{func_of_interest.function_name}}</a></td>
-                      <td>  {{func_of_interest.source_file}}</td>
-                      <td>  {{func_of_interest.complexity}}</td>
-                      <td>  {{func_of_interest.code_coverage}}%</td>
-                    </tr>
-                  {% endfor %}
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-      </div>
-      {% endif %}
-      <!-- End functions of interest -->
-
-    </main>
-    <!-- end main content -->
-    <!-- footer -->
-
-<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
-
-    <!-- end main content -->
-    {% if project.has_introspector() %}
- <script>
-  $( document ).ready(function() {
-    $('#functionOfInterestTable').dataTable({'pageLength': 1000})
-  });
- </script>
- {% endif %}
-
-
-
-
-
-<script>
-{% if has_project_stats %}
-// Plot for code coverage in terms of lines over time
-const code_coverage_lines_x = [];
-const code_coverage_lines_y = [];
-const code_coverage_functions_y = [];
-const code_reachability_y = [];
-const fuzzer_count_y = [];
-max_fuzzer_count = 0;
-
-
-{% for project_timestamp in project_statistics %}
-  {% if project_timestamp.coverage_data != None %}
-    code_coverage_lines_x.push('{{project_timestamp.date}}');
-    code_coverage_lines_y.push({{project_timestamp.coverage_data.line_coverage.percent}});
-    fuzzer_count_y.push({{project_timestamp.fuzzer_count}});
-    max_fuzzer_count = Math.max(max_fuzzer_count, {{project_timestamp.fuzzer_count}});
-
-    // Stats dependending on fuzz introspector
-    {% if project.has_introspector() %}
-      code_coverage_functions_y.push({{project_timestamp.introspector_data.functions_covered_estimate}});
-      code_reachability_y.push({{project_timestamp.introspector_data.static_reachability}});
-    {% endif %}
-  {% endif %}
-{%endfor%}
-
-// Plot for code coverage in terms of lines over time
-const code_coverage_lines_data = [{
-  x: code_coverage_lines_x,
-  y: code_coverage_lines_y,
-  mode:'lines'
-}];
-const code_coverage_lines_layout = {
-  xaxis: {title: 'Date'},
-  yaxis: {title: 'Coverage', range: [0.0, 100.0]},  
-  title: 'Code Coverage (lines) %',
-  type: 'scatter'
-};
-Plotly.newPlot('codeCoverageLinesOverTimePlot', code_coverage_lines_data, code_coverage_lines_layout);
-
-// Plot for fuzzer counter over time
-const fuzzer_count_data = [{
-  x: code_coverage_lines_x,
-  y: fuzzer_count_y,
-  mode:'lines'
-}];
-const fuzzer_count_layout = {
-  xaxis: {title: 'Date'},
-  yaxis: {title: 'Fuzzers', range: [0.0, max_fuzzer_count + 5]},
-  title: 'Fuzzer count',
-  type: 'scatter'
-};
-Plotly.newPlot('fuzzerCountOverTimePlot', fuzzer_count_data, fuzzer_count_layout);
-
-{% endif %} // has_project_stats
-
-{% if project.has_recent_results() %}
-const fuzzers = new Map();
-  {% for fuzzer, fuzzer_data in project.recent_results.items() %}
-    fuzzers.set('{{fuzzer}}', {x: {{fuzzer_data['coverages_dates']|tojson}}, y: {{fuzzer_data['coverages_values']|tojson}}});
-  {% endfor %}
-
-const progress_graph_div = document.getElementById('progress_graphs')
-for (const [fuzzer_name, coverage_percentage] of fuzzers) {
-  const per_fuzzer_id = 'perFuzzerCoverageLinesOverTimePlot' + fuzzer_name;
-
-  const sg_div = document.createElement('div');
-  sg_div.classList.add('single__graph');
-  progress_graph_div.appendChild(sg_div);
-
-  const gc_div = document.createElement('div');
-  gc_div.classList.add('graph__chart')
-  sg_div.appendChild(gc_div);
-
-  const the_div = document.createElement('div')
-  the_div.id = per_fuzzer_id
-  the_div.style = 'width:100%;max-width:500px'
-  gc_div.appendChild(the_div);
-
-  // Plot for fuzzer counter over time
-  const per_fuzzer_code_coverage_lines_data = [{
-    x: coverage_percentage.x,
-    y: coverage_percentage.y,
-    mode:'lines'
-  }];
-  const per_fuzzer_code_coverage_lines_layout = {
-    xaxis: {title: 'Date'},
-    yaxis: {title: 'Coverage', range: [0.0, 100.0]},
-    title: 'Code Coverage (lines) %<br>' + fuzzer_name,
-    type: 'scatter'
-  };
-  Plotly.newPlot(per_fuzzer_id, per_fuzzer_code_coverage_lines_data, per_fuzzer_code_coverage_lines_layout);
-}
-{% endif %} // has_recent_results
-
-{% if project.has_introspector() %}
-// Plots dependend on Fuzz Introspector
-// Plot for code coverage in terms of functions over time
-const code_coverage_functions_data = [{
-  x: code_coverage_lines_x,
-  y: code_coverage_functions_y,
-  mode:'lines'
-}];
-const code_coverage_functions_layout = {
-  xaxis: {title: 'Date'},
-  yaxis: {title: 'Coverage', range: [0.0, 100.0]},  
-  title: 'Code Coverage (functions) %',
-  type: 'scatter'
-};
-Plotly.newPlot('codeCoverageFunctionsOverTimePlot', code_coverage_functions_data, code_coverage_functions_layout);
-
-
-// Plot for static rachability over time
-const code_reachability_data = [{
-  x: code_coverage_lines_x,
-  y: code_reachability_y,
-  mode:'lines'
-}];
-const code_reachability_layout = {
-  xaxis: {title: 'Date'},
-  yaxis: {title: 'Reachability', range: [0.0, 100.0]},  
-  title: 'Static reachability %',
-  type: 'scatter'
-};
-Plotly.newPlot('staticReachabilityOverTimePlot', code_reachability_data, code_reachability_layout);
-{% endif %}
-
-
-</script>
-
-{% endblock %}
+{% extends "base.html" %}                                                       
+{% block content %}   
+
+<!-- end header -->
+    <!-- main content -->
+    <main class="functions__profile">
+      <section class="project__profile">
+        <div class="container">
+          <div class="project__profile-wrapper">
+            <div class="pr__profile-header">
+              <h2>Project: <a href="{{project_url}}"> {{ project.name }}</a></h2>
+            </div>
+              <table class="profile__table" style="max-width: 450px">
+                <tbody>
+                  <tr>
+                    <td>Language</td>
+                    <td> {{ project.language }}
+                  </tr>
+                  <tr>
+                    <td>{{page_main_name}} project</td>
+                    <td><a href="{{project_url}}">link</a></td>
+                  </tr>
+                  {% if project_repo %}
+                  <tr>
+                    <td>Project repository</td>
+                    <td><a href="{{project_repo}}">link</a></td>
+                  </tr>
+                  {% endif %}
+                  <tr>
+                    <td>Build status: Fuzzers</td>
+                    <td>
+                    {% if project_build_status.fuzz_build_status == false %}
+                      failing:
+                    {% else %}
+                      succeeding:
+                    {% endif %}
+                    <a href="{{project_build_status.fuzz_build_log}}">Build log</a>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>Build status: Code coverage</td>
+                    <td>
+                      {% if project_build_status.coverage_build_status == false %}
+                        failing:
+                      {% else %}
+                        succeeding:
+                      {% endif %}
+                      <a href="{{project_build_status.coverage_build_log}}">Build log</a>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>Build status: Fuzz Introspector</td>
+                    <td>
+                      {% if project_build_status.introspector_build_status == false %}
+                        failing:
+                      {% else %}
+                        succeeding:
+                      {% endif %}
+                      <a href="{{project_build_status.introspector_build_log}}">Build log</a></td>
+                  </tr>
+                  <tr>
+                    <td>Fuzzer count</td>
+                    {% if latest_statistics != None %}
+                      <td> {{latest_statistics.fuzzer_count }}</td>
+                    {% else %}
+                    <td> 0 </td>
+                    {% endif %}
+                  </tr>
+                  <tr>
+                    <td>Lines of code</td>
+                    <td>
+                      {% if project.coverage_data is not none %} 
+                        {{ project.coverage_data.line_coverage.count }}
+                      {% elif latest_statistics != None and latest_statistics.coverage_data != None %}
+                        {{ latest_statistics.coverage_data.line_coverage.count }}
+                      {% else %}
+                        N/A
+                      {% endif %} 
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>Lines covered</td>
+                    <td>
+                      {% if project.coverage_data is not none %}
+                        {{ project.coverage_data.line_coverage.covered }}
+                      {% elif latest_statistics != None and latest_statistics.coverage_data != None %}
+                        {{ latest_statistics.coverage_data.line_coverage.covered }}
+                      {% else %}
+                        N/A
+                      {% endif %} 
+                    </td>
+                  </tr>
+                  <tr>
+                    <td>Code coverage</td>
+                    <td>
+                    {% if has_project_details and project.coverage_data != None %}
+                      {{ '%0.2f' % project.coverage_data.line_coverage.percent |float}}%
+                    {% elif latest_statistics != None and latest_statistics.coverage_data != None %}
+                        {{ latest_statistics.coverage_data.line_coverage.percent }}%
+                    {% else %}
+                      N/A
+                    {% endif %}
+                  </td>
+                  </tr>
+                  <tr>
+                    <td>Code coverage report</td>
+                      {% if has_project_details %}
+                        <td><a href="{{ project.coverage_data.coverage_url }}">Report link</a></td>
+                      {% elif latest_coverage_report != None %}
+                      <td>(Latest report from {{coverage_date}}) <a href="{{ latest_coverage_report }}">Report link</a></td>
+                      {% else %}
+                        <td>N/A</td>
+                      {% endif %}
+                  </tr>
+                  <tr>
+                    <td>Static reachability</td>
+                    {% if project.has_introspector() %}
+                      <td> {{ '%0.2f' % project.introspector_data.static_reachability |float }}% </td>
+                    {% else %}
+                      <td>N/A</td>
+                    {% endif %}
+                  </tr>
+                  <tr>
+                    <td>Fuzz Introspector report</td>
+                    {% if (latest_fuzz_introspector_report and latest_fuzz_introspector_report != "N/A") %}
+                    <td><a href="{{ latest_fuzz_introspector_report }}">Report link (from {{ latest_introspector_datestr }})</a></td>
+                    {% else %}
+                      <td>N/A</td>
+                    {% endif %}
+                  </tr> 
+                </tbody>
+              </table>
+
+              {% if project.has_recent_results() %}
+              <div style="max-height: 30rem; overflow: auto; margin-top: 1.5rem">
+                <table class="profile__table" style="max-width: 80%;">
+                  <thead>
+                    <th style="padding: 0 0.5rem;">Fuzzer</th>
+                    <th style="padding: 0 0.5rem;">Code coverage (lines)</th>
+                    <th style="padding: 0 0.5rem;">Latest Report</th>
+                    <th style="padding: 0 0.5rem;">Comments</th>
+                  </thead>
+                  <tbody>
+                    {% for fuzzer, fuzzer_data in project.recent_results.items()
+                      |sort(attribute='0')
+                      |sort(reverse=true, attribute='1.got_lost,1.has_degraded')
+                    %}
+                      <tr
+                        {% if fuzzer_data['got_lost'] or fuzzer_data['max_has_degraded'] %}
+                          class="alert alert-danger" role="alert"
+                        {% endif %}
+                      >
+                        <td style="padding: 0 0.5rem;">
+                          {{fuzzer}} (<a href="#perFuzzerCoverageLinesOverTimePlot{{ fuzzer_data['hashed_name'] }}">plot</a>)
+                        </td>
+                        <td style="padding: 0 0.5rem;">
+                          <code style="color: unset; white-space: nowrap;">
+                            {{ fuzzer_data['current'] }}% (avg: {{ fuzzer_data['avg'] }}%, max: {{ fuzzer_data['max'] }}%)
+                          </code>
+                        </td>
+                        <td style="padding: 0 0.5rem;">
+                          <a href="{{fuzzer_data['report_url']}}">{{ fuzzer_data['report_date'] }}</a>
+                        </td>
+                        <td style="padding: 0 0.5rem;">
+                          {% if fuzzer_data['got_lost'] %}
+                            Fuzzer no longer available!<br>
+                          {% endif %}
+                          {% if fuzzer_data['max_has_degraded'] %}
+                            Coverage has degraded!<br>
+                          {% endif %}
+                          {% for day_degraded in fuzzer_data['days_degraded'] %}
+                            Degraded from <a href="{{ day_degraded['before_url'] }}">{{day_degraded['before_date']}} ({{day_degraded['before_perc']}}%)</a>
+                            to <a href="{{ day_degraded['current_url'] }}">{{day_degraded['current_date']}} ({{day_degraded['current_perc']}}%)</a>!<br>
+                          {% endfor %}
+                        </td>
+                      </tr>
+                    {% endfor %}
+                  </tbody>
+                </table>
+              </div>
+              {% endif %}
+
+            </div>
+          </div>
+          <!-- project profile table -->
+          <div class="project__progress">
+            <h2>Historical Progression</h2>
+            <div class="container">
+              <div class="progress__graph">
+                <!-- single graph -->
+                <div class="single__graph">
+                  <div class="graph__chart">
+                      <div id="codeCoverageLinesOverTimePlot" style="width:100%;max-width:500px"></div>
+                  </div>
+                </div>
+                <!-- single graph -->
+                <div class="single__graph">
+                  <div class="graph__chart">
+                      <div id="fuzzerCountOverTimePlot" style="width:100%;max-width:500px"></div>
+                  </div>
+                </div>
+                <!-- single graph -->
+                {% if project.has_introspector() %}
+                <div class="single__graph">
+                  <div class="graph__chart">
+                      <div id="codeCoverageFunctionsOverTimePlot" style="width:100%;max-width:500px"></div>
+                  </div>
+                </div>
+                <!-- single graph -->
+                <div class="single__graph">
+                  <div class="graph__chart">
+                      <div id="staticReachabilityOverTimePlot" style="width:100%;max-width:500px"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+              {% else %}
+            </div>
+            <p>
+              <h4>Missing Introspector data</h4>
+              <p>Some graphs are not shown as there is no Fuzz Introspector data available. Please see indexing page for the relevant build logs. Once the build is working additionals graphs will be displayed.
+              </p>
+            </p>
+          {% endif %}
+          </div> <!-- project historical progress -->
+        </div>
+
+        {% if project.has_recent_results() %}
+        <div class="container">
+          <div class="project__progress">
+            <h2>Per Fuzzer Progression</h2>
+            <p>
+              This section shows graphs for the coverage results per fuzz target over the past 30 days. Included are the
+              coverage percentage, 
+              <span style="text-decoration: underline; cursor: help;" title="Note that this number is for dead code elimininated lines and are not representative of all lines in the project."
+                >total number of lines</span>,
+              covered number of lines, and the number of
+              <span style="text-decoration: underline; cursor: help;" title="The coverage inputs are all inputs that have been used during coverage collection. They can be severely reduced when coverage exits early due to out-of-memory or timeouts, which should be cause to look into the causes. They can also be used to estimate roughly estimate how thoroughly the fuzzer has evaluated the fuzz target, while they can be higher or lower than covered lines, should the number of coverage inputs be more than a magnitude lower than covered lines this should be cause for a closer look. The issue is that the fuzzer might not be able to find new inputs through mutation. For example, if a checksum of the input needs to be correct a fuzzer might not be able to effectively function even if seed inputs cover large parts of a target."
+                >coverage inputs</span>.
+            </p>
+            <div id="progress_graphs" class="progress__graph" style="max-height: 90vh; overflow-y: auto; padding: 1rem; box-sizing: border-box; margin-right: 1rem;">
+            </div>
+          </div>
+        </div>
+        {% endif %}
+      </section>
+
+      <!-- Functions of interest forthe given project -->
+      {% if project.has_introspector() %}
+      <div class="container">
+        <div class="search__hero-wrapper">
+          <h1 class="section__title">
+            Functions of interest to fuzz
+          </h1>
+          <p>
+            This section outlines functions that may be of interest to fuzz.
+            They are based on ranking functions that have a lot of complexity but currently
+            exhibit low code coverage. The complexity is calculated based on the function itself
+            as well as the functions called by the given function, i.e. the tree of code
+            that the function triggers.
+          </p>
+          <br>
+          <p>
+            This is only a minor amount of introspection information available for this project. Please
+            consult the <a href="{{ project.introspector_data.introspector_report_url }}">Fuzz Introspector</a> report
+            for more information, e.g. the introspection table of all functions in the target
+            project <a href="{{ project.introspector_data.introspector_report_url }}#Project-functions-overview">available here</a>.
+          </p>
+        </div>
+        <div class="database overviewBody">
+  
+          <div class="database__body">
+            <div>
+              <table id="functionOfInterestTable">
+                <thead>
+                  <tr>
+                    <td>Function name</td>
+                    <td>Function source file</td>
+                    <td>Accumulated cyclomatic complexity</td>
+                    <td>Code coverage</td>
+                  </tr>
+                </thead>
+                <tbody>
+                  {% for func_of_interest in functions_of_interest %}
+                    <tr>
+                        <td>  <a href="{{base_cov_url}}{{func_of_interest.code_coverage_url}}">{{func_of_interest.function_name}}</a></td>
+                      <td>  {{func_of_interest.source_file}}</td>
+                      <td>  {{func_of_interest.complexity}}</td>
+                      <td>  {{func_of_interest.code_coverage}}%</td>
+                    </tr>
+                  {% endfor %}
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+      {% endif %}
+      <!-- End functions of interest -->
+
+    </main>
+    <!-- end main content -->
+    <!-- footer -->
+
+<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+
+    <!-- end main content -->
+    {% if project.has_introspector() %}
+ <script>
+  $( document ).ready(function() {
+    $('#functionOfInterestTable').dataTable({'pageLength': 1000})
+  });
+ </script>
+ {% endif %}
+
+
+
+
+
+<script>
+{% if has_project_stats %}
+// Plot for code coverage in terms of lines over time
+const code_coverage_lines_x = [];
+const code_coverage_lines_y = [];
+const code_coverage_functions_y = [];
+const code_reachability_y = [];
+const fuzzer_count_y = [];
+max_fuzzer_count = 0;
+
+
+{% for project_timestamp in project_statistics %}
+  {% if project_timestamp.coverage_data != None %}
+    code_coverage_lines_x.push('{{project_timestamp.date}}');
+    code_coverage_lines_y.push({{project_timestamp.coverage_data.line_coverage.percent}});
+    fuzzer_count_y.push({{project_timestamp.fuzzer_count}});
+    max_fuzzer_count = Math.max(max_fuzzer_count, {{project_timestamp.fuzzer_count}});
+
+    // Stats dependending on fuzz introspector
+    {% if project.has_introspector() %}
+      code_coverage_functions_y.push({{project_timestamp.introspector_data.functions_covered_estimate}});
+      code_reachability_y.push({{project_timestamp.introspector_data.static_reachability}});
+    {% endif %}
+  {% endif %}
+{%endfor%}
+
+// Plot for code coverage in terms of lines over time
+const code_coverage_lines_data = [{
+  x: code_coverage_lines_x,
+  y: code_coverage_lines_y,
+  mode:'lines'
+}];
+const code_coverage_lines_layout = {
+  xaxis: {title: 'Date'},
+  yaxis: {title: 'Coverage', range: [0.0, 100.0]},  
+  title: 'Code Coverage (lines) %',
+  type: 'scatter'
+};
+Plotly.newPlot('codeCoverageLinesOverTimePlot', code_coverage_lines_data, code_coverage_lines_layout);
+
+// Plot for fuzzer counter over time
+const fuzzer_count_data = [{
+  x: code_coverage_lines_x,
+  y: fuzzer_count_y,
+  mode:'lines'
+}];
+const fuzzer_count_layout = {
+  xaxis: {title: 'Date'},
+  yaxis: {title: 'Fuzzers', range: [0.0, max_fuzzer_count + 5]},
+  title: 'Fuzzer count',
+  type: 'scatter'
+};
+Plotly.newPlot('fuzzerCountOverTimePlot', fuzzer_count_data, fuzzer_count_layout);
+
+{% endif %} // has_project_stats
+
+{% if project.has_recent_results() %}
+const fuzzers = new Map();
+  {% for fuzzer, fuzzer_data in project.recent_results.items() %}
+    fuzzers.set('{{fuzzer}}', {
+      hashed_name: {{fuzzer_data['hashed_name']|tojson}},
+      dates: {{fuzzer_data['coverages_dates']|tojson}},
+      percentages: {{fuzzer_data['coverages_perc']|tojson}},
+      covered: {{fuzzer_data['coverages_covered']|tojson}},
+      totals: {{fuzzer_data['coverages_totals']|tojson}},
+      corpus: {{fuzzer_data['coverages_corpus']|tojson}},
+    });
+  {% endfor %}
+
+const progress_graph_div = document.getElementById('progress_graphs')
+for (const [fuzzer_name, data] of fuzzers) {
+  const per_fuzzer_id = 'perFuzzerCoverageLinesOverTimePlot' + data.hashed_name;
+
+  const sg_div = document.createElement('div');
+  sg_div.classList.add('single__graph');
+  progress_graph_div.appendChild(sg_div);
+
+  const gc_div = document.createElement('div');
+  gc_div.classList.add('graph__chart')
+  sg_div.appendChild(gc_div);
+
+  const the_div = document.createElement('div')
+  the_div.id = per_fuzzer_id
+  the_div.style = 'width:100%;max-width:500px'
+  gc_div.appendChild(the_div);
+
+  // Plot for fuzzer counter over time
+  const per_fuzzer_code_coverage_lines_data = [
+    {
+      x: data.dates,
+      y: data.percentages,
+      mode:'lines',
+      name: 'Percentage',
+      line: {
+        dash: 'solid',
+        width: 2,
+      },
+    },
+    {
+      x: data.dates,
+      y: data.covered,
+      mode:'lines',
+      yaxis: 'y2',
+      name: 'Covered Lines',
+      line: {
+        dash: 'dash',
+        width: 2,
+      },
+    },
+    {
+      x: data.dates,
+      y: data.totals,
+      mode:'lines',
+      yaxis: 'y2',
+      name: 'Total Lines',
+      line: {
+        dash: 'dash',
+        width: 2,
+      },
+    },
+    {
+      x: data.dates,
+      y: data.corpus,
+      mode:'lines',
+      yaxis: 'y3',
+      name: 'Coverage Inputs',
+      line: {
+        dash: 'dot',
+        width: 2,
+      },
+    },
+  ];
+  const per_fuzzer_code_coverage_lines_layout = {
+    xaxis: { title: 'Date' },
+    yaxis: {
+      title: {
+        text: 'Coverage %',
+        standoff: 20,
+      },
+      range: [0.0, 100.0],
+      side: 'left',
+      ticklabelposition: 'inside',
+    },
+    yaxis2: {
+      title: {
+        text: 'Coverage Totals',
+        standoff: 15,
+      },
+      anchor: 'x',
+      overlaying: 'y',
+      side: 'left',
+      ticklabelposition: 'outside',
+      rangemode: 'tozero',
+      autorange: true,
+    },
+    yaxis3: {
+      title: {
+        text: 'Coverage Inputs',
+        standoff: 20,
+      },
+      anchor: 'x',
+      overlaying: 'y',
+      side: 'right',
+      position: 0.85,
+      rangemode: 'tozero',
+      autorange: true,
+    },
+    title: fuzzer_name + '<br>Code Coverage (lines)',
+    legend: {
+      orientation: 'h',
+      x: 0.5,
+      xanchor: 'center',
+      y: -0.22,
+      yanchor: 'top',
+      traceorder: 'normal',
+    },
+  };
+  Plotly.newPlot(per_fuzzer_id, per_fuzzer_code_coverage_lines_data, per_fuzzer_code_coverage_lines_layout);
+}
+{% endif %} // has_recent_results
+
+{% if project.has_introspector() %}
+// Plots dependend on Fuzz Introspector
+// Plot for code coverage in terms of functions over time
+const code_coverage_functions_data = [{
+  x: code_coverage_lines_x,
+  y: code_coverage_functions_y,
+  mode:'lines'
+}];
+const code_coverage_functions_layout = {
+  xaxis: {title: 'Date'},
+  yaxis: {title: 'Coverage', range: [0.0, 100.0]},  
+  title: 'Code Coverage (functions) %',
+  type: 'scatter'
+};
+Plotly.newPlot('codeCoverageFunctionsOverTimePlot', code_coverage_functions_data, code_coverage_functions_layout);
+
+
+// Plot for static rachability over time
+const code_reachability_data = [{
+  x: code_coverage_lines_x,
+  y: code_reachability_y,
+  mode:'lines'
+}];
+const code_reachability_layout = {
+  xaxis: {title: 'Date'},
+  yaxis: {title: 'Reachability', range: [0.0, 100.0]},  
+  title: 'Static reachability %',
+  type: 'scatter'
+};
+Plotly.newPlot('staticReachabilityOverTimePlot', code_reachability_data, code_reachability_layout);
+{% endif %}
+
+
+</script>
+
+{% endblock %}
+