BF/index.html at main · millxing/BF · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Washington Street Journal</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="page-glow" aria-hidden="true"></div>
    <section class="ticker-bar" id="secondary-ticker-bar" aria-label="Override ballot information ticker">
      <div class="ticker-window">
        <div class="ticker-track" id="override-ticker-track"></div>
      </div>
    </section>
    <section class="ticker-bar" id="primary-ticker-bar" aria-label="Top site updates ticker">
      <div class="ticker-window">
        <div class="ticker-track" id="budget-ticker-track"></div>
      </div>
    </section>

    <header class="site-header">
      <nav class="top-nav">
        <a class="brand" href="#">Washington Street Journal</a>
      </nav>
      <div class="disclaimer-wrap" tabindex="0" role="note" aria-label="Disclaimer: Please Read">
        <span class="disclaimer-bubble">Disclaimer: Please Read</span>
        <p class="disclaimer-overlay">
          I have made a good-faith effort to post accurate data and information on this website.
          If you find any inadvertent errors or misinterpretations, please send me an email:
          robschoen dot robschoen at gmail.com. Thanks!
        </p>
      </div>
      <p class="site-subtitle">A Resource For Information About Brookline's Finances</p>

    </header>

    <main>
      <section class="controls" aria-label="View controls">
        <div class="view-menu-row">
          <div class="view-tabs" id="view-tablist" role="tablist" aria-label="Homepage views">
            <button
              class="view-tab"
              id="tab-journal"
              type="button"
              role="tab"
              aria-selected="true"
              aria-controls="view-content"
              data-view="journal"
            >Posts</button>
            <button
              class="view-tab"
              id="tab-meetings"
              type="button"
              role="tab"
              aria-selected="false"
              aria-controls="view-content"
              tabindex="-1"
              data-view="meetings"
            >
              Meetings
            </button>
            <button
              class="view-tab"
              id="tab-budget"
              type="button"
              role="tab"
              aria-selected="false"
              aria-controls="view-content"
              tabindex="-1"
              data-view="budget"
            >
              Budget Data
            </button>
            <button
              class="view-tab"
              id="tab-links"
              type="button"
              role="tab"
              aria-selected="false"
              aria-controls="view-content"
              tabindex="-1"
              data-view="links"
            >
              Links
            </button>
          </div>
          <div class="view-tabs view-links" aria-label="Quick links">
            <a class="view-tab view-link" href="pages/fy2027_financial_plan_20260216.html">
              FY2027 Financial Plan
            </a>
          </div>
        </div>
        <p id="view-meta" class="view-meta" hidden></p>
        <label class="search-wrap" for="search-posts">
          <span class="sr-only">Search current view</span>
          <input
            id="search-posts"
            type="search"
            placeholder="Search posts"
            autocomplete="off"
          />
        </label>
      </section>

      <section id="view-content" class="view-content post-list" aria-live="polite"></section>
    </main>

    <template id="post-template">
      <article class="post-card">
        <p class="post-meta">
          <span class="post-date"></span>
        </p>
        <h2 class="post-title"></h2>
        <p class="post-excerpt"></p>
        <div class="post-body" hidden></div>
        <button class="read-more" type="button" aria-expanded="false">Read more</button>
      </article>
    </template>

    <script src="data/meetings_data.js" defer></script>
    <script src="data/budget_summary_data.js" defer></script>
    <script src="script.js" defer></script>
  </body>
</html>