data-literacy-toolkit.github.io/index.html at main · Data-Literacy-Toolkit/data-literacy-toolkit.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
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Data Literacy Toolkit</title>

  <!-- SEO meta tags -->
  <meta name="description" content="The Data Literacy Toolkit provides educators and librarians with practical resources, strategies, and case studies to build data literacy across campuses." />
  <meta name="keywords" content="data literacy, education, toolkit, librarians, community colleges, data culture, teaching resources" />

  <link rel="stylesheet" href="style.css" />
</head>

<body>

  <!-- header + navigation -->
  <header>
    <nav class="main-nav" aria-label="Main Navigation">
      <div class="nav-container">

        <!-- left nav: site title -->
        <a class="site-title" href="index.html"><img src="images/dataicon.svg" width="15px" alt="Data Icon"/> Data Literacy Toolkit</a>

        <!-- right: module links -->
        <ul class="nav-right">
          <li><a href="modules/dlmodule1.html">Module 1</a></li>
          <li><a href="modules/dlmodule2.html">Module 2</a></li>
          <li><a href="modules/dlmodule3.html">Module 3</a></li>
          <li><a href="modules/dlmodule4.html">Module 4</a></li>
          <li><a href="modules/dlmodule5.html">Module 5</a></li>
        </ul>

        <button class="hamburger" aria-label="Toggle navigation" aria-expanded="false"> ☰ </button>

      </div>
    </nav>
  </header>

  <!-- hero section -->
  <section class="hero">
    <div class="hero-inner">
      <div class="row">

        <div class="column" style="color: #fefdfb;">
          <h1>Empowering Data Literacy Across College Campuses</h1>
          <p>
            The Data Literacy Toolkit provides educators and librarians with practical
            resources, strategies, and case studies to build data literacy across campuses.
          </p>
          <p class="button1"><a href="#Navigation">Explore Modules</a></p>
        </div>

        <div class="column">
          <img src="images/HeroImg.PNG" width="110%" alt="Data Literacy Toolkit Hero Image"/>
        </div>

      </div>
    </div>
  </section>

  <!-- main content -->
  <main>

    <section>
      <h2><img src="images/Lightbulb_Icon.svg" height="36px" alt="Lightbulb Icon" style="vertical-align: top"/> Introduction</h2>
      <p>
        In an increasingly data-driven society, our ability to understand, interpret, and responsibly use data is an important skill set not only for data and computer scientists but every member of the public. Growing data literacy among our citizenry is a shared responsibility, where all members of the campus community can play a critical role in building this competency.
      </p>
      <p>
        The Data Literacy Toolkit is a research-informed resource to support community college educators and academic librarians in fostering a culture of data literacy across their institutions. Whether your aim is to improve your own data literacy, integrate data-based thinking into your curriculum, or create engaging data events on campus to support community-wide data literacy skills, this toolkit provides practical guidance, case studies, and adaptable strategies to support your goals.
      </p>
    </section>

<hr class="divider">

    <section>
      <h2><img src="images/Target_Icon.svg" height="36px" alt="Target Icon" style="vertical-align: top"/> Learning Objectives</h2>
      <p>
        The purpose of the Data Literacy Toolkit is to empower community college educators to cultivate a culture of data literacy across their campus. We aim to provide flexible, modular resources to support lifelong data-informed thinking and decision-making that molds an educated and ethical community. By engaging with this toolkit, users will be able to:
      </p>
      <ol>
        <li>Define data literacy and articulate its value across the academic community.</li>
        <li>Identify foundational concepts and competencies required for data-literate thinking and behavior.</li>
        <li>Promote a campus-wide culture of data literacy through engaging initiatives, activities, and events.</li>
        <li>Integrate data literacy concepts into instruction and programming in alignment with institutional goals and learner needs.</li>
      </ol>
    </section>

<hr class="divider" id="Navigation">

    <section>
      <h2><img src="images/Nav_Icon.svg" width="36px" alt="Navigation Icon" style="vertical-align: top"/> Navigating This Toolkit</h2>
      <p>
        This toolkit is organized into five modules designed to introduce the concept of data literacy and how you can grow this skill set among students on your campus. The modular design allows you to review each module in order, or skip around to the modules that are most relevant to your interests and needs. Each module includes an overview of the topic, case study examples of the concept in action, a reflection activity to solidify learning, and additional resources to explore further.
      </p>
      <ul>
        <li><a href="modules/dlmodule1.html">Module 1: The Foundations of Data Literacy</a> – Core concepts of data literacy and their importance for professionals.</li>
        <li><a href="modules/dlmodule2.html">Module 2: Building a Data Culture on Your Campus</a> – Strategies to engage stakeholders and promote a data-savvy mindset.</li>
        <li><a href="modules/dlmodule4.html">Module 3: Understanding Data and Data Sources</a> – Teaching about data types, sources, and quality evaluation.</li>
        <li><a href="modules/dlmodule5.html">Module 4: Making Data Insightful and Actionable</a> – Instruction about interpretation, analysis, and communication of data.</li>
        <li><a href="modules/dlmodule6.html">Module 5: Managing Data Responsibly and Ethically</a> – Addressing privacy, bias, and ethical data use.</li>
      </ul>
      <p>
        By using this toolkit, you will be empowered to enhance the data fluency of individuals across your institution and equip your learning community with the skills and tools necessary to make informed and responsible decisions grounded in data!
      </p>
    </section>

<hr class="divider">

    <section>
      <h2><img src="images/CC_Icon.svg" height="36px" alt="Creative Commons Icon" style="vertical-align: top"/> Reusing and Citing this Toolkit</h2>
      <p>
        This work is licensed under a <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener noreferrer">CC BY-NC 4.0 license</a>.
        You may use, share, and remix this content with proper attribution to the creators of this toolkit, as long as it is not used for commercial purposes.
      </p>
      <p>
        This toolkit was developed with support from the Institute of Museum and Library Services
        <a href="https://www.imls.gov/grants/awarded/re-256673-ols-24" target="_blank" rel="noopener noreferrer">
          RE-256673-OLS-24</a>. Additional information is available on the <a href="https://ci.unt.edu/dlcc/index.html">project website</a>.
      </p>
    </section>

    <section>
      <div class="nav-links">
        <a href="modules/dlmodule1.html">Proceed to Module 1</a>
      </div>
    </section>

  </main>

  <!-- footer -->
  <footer>
    <p>Content on this site is licensed under a <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener noreferrer">CC BY-NC 4.0 license</a>.</p>
  </footer>

<script>
  const hamburger = document.querySelector('.hamburger');
  const navMenu = document.querySelector('.nav-right');

  hamburger.addEventListener('click', () => {
    const isOpen = navMenu.classList.toggle('open');
    hamburger.setAttribute('aria-expanded', isOpen);
  });
</script>

</body>
</html>