RobbieMackenzie.github.io/index.html at main · RobbieMackenzie/RobbieMackenzie.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Bibliography</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Basic SEO -->
  <meta name="description" content="Searchable, filterable bibliography.">

  <link rel="stylesheet" href="style.css">
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>
<body>
  <header class="container">
    <h1>The Radiovoltaics Bibliography</h1>
    <p class="muted"><em>G. R. Mackenzie, G. Thom, and T. B. Scott.</em> <br>Last updated: <span id="lastUpdated">2026-01-01</span></p>
    <p>
      This bare-bones bibliography site collates publications relating to radiovoltaic devices, with filters for alphavoltaics, betavoltaics, and gammavoltaics. We have created it to help our fellow researchers keep up with developments in a field
      which, at time of writing, tends to be spread over a multitude of journals. We have opted to create a bibliography site rather than a whole journal dedicated to radiovoltaics as we feel that, at present, the field is both
      adequately served by existing journals, and not large enough to justify the administrative and editorial overheads of a "Journal of Radiovoltaics". We hope in future this might change!
    </p>
    <p>
      If you have suggestions for additions to this bibliography—particularly if you have just published something relevant yourself—please email the details, and preferably a BibTeX entry, to <a href="mailto:gr.mackenzie@bristol.ac.uk">gr.mackenzie@bristol.ac.uk</a>.
    </p>
    <p class="muted">
      The bibliography below is searchable, but if you know you want the entire contents (for example, if you are a postgraduate student embarking on their literature review), you can <a href="radiovoltaics-bibliography.bib" download>download radiovoltaics-bibliography.bib</a>.
    </p>
    <p>
        If you use this bibliography in your work, please cite it as:
      </p>
      <p>
        <em>The Radiovoltaics Bibliography</em>, G. R. Mackenzie and T. B. Scott (2026).<br>
        URL: www.radiovoltaics-bibliography.info. Update of: [date]. Accessed: [date].
      </p>
      <p><strong>Example BiBTeX snippet:</strong><br>
        <pre>@misc{Mackenzie2026,
  author = {Mackenzie, G. R. and Scott, T. B.},
  title = {The Radiovoltaics Bibliography},
  howpublished = {\url{http://www.radiovoltaics-bibliography.info}},
  note = {Update of: YYYY-MM-DD. Accessed: YYYY-MM-DD}}</pre>
      </p>
  </header>

  <main class="container">
    <!-- Controls -->
    <section aria-labelledby="filters-title">
      <h1 id="filters-title">Search &amp; Filter</h1>

      <div class="controls">
        <input
          id="search"
          type="search"
          placeholder="Search author, title, journal, year, DOI, ID…"
          aria-label="Search citations"
        >

        <label class="select-wrap" for="yearFilter">
          <span class="label">Year</span>
          <select id="yearFilter" aria-label="Filter by year">
            <option value="">All years</option>
          </select>
        </label>
      </div>

      <!-- Hard-coded (controlled vocabulary) Tag Filter – OR logic -->
      <fieldset id="tagFilter" class="tags" aria-label="Filter by tags">
        <legend>Tags (OR logic)</legend>
        <!-- Edit these to match your controlled vocabulary -->
        <label><input type="checkbox" value="Alphavoltaics"> Alphavoltaics</label>
        <label><input type="checkbox" value="Betavoltaics"> Betavoltaics</label>
        <label><input type="checkbox" value="Gammavoltaics"> Gammavoltaics</label>
      </fieldset>


    <!-- Histogram -->
    <section aria-labelledby="histogram-title">
      <h2 id="histogram-title">Publications by Year</h2>
      <div style="max-width: 600px; margin: 0 auto;">
        <canvas id="yearHistogram"></canvas>
      </div>
    </section>
s id=\"yearHistogram\"></canvas>
      </div>
    </section>
    <!-- Entries -->
    <section aria-labelledby="results-title">
      <h2 id="results-title" class="sr-only">Results</h2>
      <div id="entries" role="list"></div>
    </section>
  </main>

  <script src="script.js"></script>
</body>
</html>