CommitIntranetMock/news.html at main · pj-piatt/CommitIntranetMock · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Company News | Commit Intranet</title>
  <link rel="stylesheet" href="css/styles.css" />
  <link rel="stylesheet" href="css/ai-assistant.css" />
  <script defer src="js/search.js"></script>
</head>
<body>
  <div class="layout">
    <!-- Sidebar -->
    <aside class="sidebar" aria-label="Department Navigation">
      <div class="sidebar-header">
        <img src="assets/commit-logo-white.svg" alt="Commit Logo" class="sidebar-logo" />
      </div>
      <nav>
        <ul>
          <h2>Departments</h2>
          <li><a href="departments/hr.html">👥 HR</a></li>
          <li><a href="departments/it.html">💻 IT Support</a></li>
          <li><a href="departments/operations.html">📦 Operations</a></li>
          <li><a href="departments/policy.html">📜 Policy</a></li>
          <li><a href="development.html">💡 Development</a></li>
        </ul>
      </nav>
    </aside>

    <!-- Main Content -->
    <div class="main-content">
      <header class="site-header">
        <h1>Commit Intranet Hub</h1>
        <nav class="topnav">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="news.html" class="active">News</a></li>
            <li><a href="calendar.html">Calendar</a></li>
            <li><a href="documents.html">Documents</a></li>
            <li><a href="shoutouts.html">Shoutouts</a></li>
            <li><a href="wiki.html">Wiki</a></li>
          </ul>
        </nav>
      </header>

      <main class="dashboard">
        <h2>Company News & Announcements</h2>

        <article id="item1" class="panel">
          <h3>Commit Ranked #1 in Local Impact!</h3>
          <p><strong>Published:</strong> August 1, 2025</p>
          <p>
            We’re proud to announce that Commit Partnership has been ranked #1 in Dallas-Fort Worth for community education impact!
            This achievement reflects the dedication of our entire team to supporting equitable student outcomes.
          </p>
        </article>

        <article id="item2" class="panel">
          <h3>New HR Policies Go Live</h3>
          <p><strong>Published:</strong> July 28, 2025</p>
          <p>
            Our HR department has released updated PTO, parental leave, and hybrid work policies. Make sure to review the latest
            employee handbook or reach out to HR with questions. Summary sessions are available every Thursday this month.
          </p>
        </article>

        <article id="item3" class="panel">
          <h3>🎂 August Birthday Celebrations</h3>
          <p><strong>Published:</strong> July 25, 2025</p>
          <p>
            Join us for this month's Birthday Bash on August 20 at 3 PM in the Community Room! Cake, games, and shoutouts for
            all August birthdays. Add the event to your calendar and RSVP by August 15.
          </p>
        </article>

        <article id="item4" class="panel">
          <h3>Welcome New Hires!</h3>
          <p><strong>Published:</strong> July 22, 2025</p>
          <p>
            Please give a warm welcome to our newest team members in the Policy, IT, and Data teams! Get to know them in the
            New Hire Spotlight featured in this week’s newsletter.
          </p>
        </article>

        <article id="item5" class="panel">
          <h3>Security Reminder: Phishing Awareness</h3>
          <p><strong>Published:</strong> July 15, 2025</p>
          <p>
            Our IT team reminds everyone to stay vigilant when clicking email links. If you suspect a phishing email, use the
            “Report Phishing” button in Outlook. Join next week's refresher session on secure browsing habits.
          </p>
        </article>
      </main>

      <footer class="site-footer">
        <p>© 2025 The Commit Partnership &nbsp;|&nbsp; Built for demonstration purposes</p>
        <p style="font-size: 0.8rem; color: #aaa;">All content and interactions are simulated.</p>
      </footer>
    </div> <!-- End .main-content -->
  </div> <!-- End .layout -->

  <!-- AI Assistant Bubble -->
  <div id="ai-chat-widget">
    <button id="ai-toggle" aria-label="Open AI Assistant">🤖</button>
    <div id="ai-chat-window" style="display: none;">
      <div class="ai-chat-header">
        <span>Commit AI Assistant</span>
        <button id="ai-close">×</button>
      </div>
      <div class="ai-chat-body" id="ai-messages"></div>
      <textarea id="ai-user-input" placeholder="Ask a question..."></textarea>
      <button id="ai-send">Send</button>
    </div>
  </div>

  <!-- Scripts -->
  <script src="js/loadPartials.js"></script>
  <script src="js/ai-assistant.js" defer></script>
</body>
</html>