CASBS-welcome/index.html at main · davidrumseymapcenter/CASBS-welcome · 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>Introduction to the DRMC</title>

		<link rel="stylesheet" href="dist/reset.css">
		<link rel="stylesheet" href="dist/reveal.css">
		<link rel="stylesheet" href="dist/theme/white.css">

		<!-- Theme used for syntax highlighted code -->
		<link rel="stylesheet" href="plugin/highlight/monokai.css">
		<style>
			.highlight {
    			background-color: yellow; /* You can change this color to your preferred highlight color */
				}

			.white-text {
				color: white; /* Set the text color to white */
				padding: 20px; /* Add some padding for content inside the container */
				}

			.white-text h1 {
				color: white; /* Set the text color to white */
				padding: 20px; /* Add some padding for content inside the container */
				}

			.light-background {
				background-color: rgba(255, 255, 255, .9); /* Use rgba to set the background color with transparency */
				padding: 20px; /* Add padding for content inside the container */
				}
				.center-container {
      display: flex;
      justify-content: center; /* Center horizontally */
      align-items: center; /* Center vertically */
      max-height: 90vh; /* Limit the maximum height of the container to 90% of the viewport height */
      overflow: auto; /* Add scrollbars if content overflows */
    }

    /* Define a grid container */
    .qr-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* 2 columns with equal width */
      gap: 10px; /* Reduce the gap between QR codes */
    }

    /* Style for individual QR code items */
    .qr-code {
      width: 100%; /* Ensure the QR codes take up the full width of their container */
      max-width: 300px; /* Limit the maximum width of each QR code */
      height: auto; /* Maintain aspect ratio */
    }

		</style>
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				<section data-background-image="img/0119.jpg" data-background-size="cover">
					<div class="light-background"><h1>Welcome</h1>
					<h3>David Rumsey Map Center</h3>
					<p>Niles Dorn</p>
					<p>Laura Krueger</p>
					<p>Kristina Larsen</p>
					<p>Laura Swenson</p>
					<p>Evan Thornberry</p></div>
				</section>
					<aside class="notes">
						Hi everyone, it's a pleasure to welcome you to the David Rumsey Map Center. I'm going to start with an introduction to the Center, providing a brief overview of our activities, as well as how you might connect with us in the future. I'm Evan Thornberry, I am the head curator here at the Center. Although I've only been part of this remarkable team for a few months, I've had the privilege of working alongside our exceptional staff and collaborating with David and others to fulfill our mission.

						The Map Center consists of five dedicated staff members, and we work together to facilitate the use of historical cartographic materials for teaching, learning, and research. Our ultimate goal is to inspire a sense of spatial curiosity about the world, its peoples, and their histories.
					  </aside>
				</section>

				<section data-background-image="img/0002.jpg" data-background-size="cover">
					<div class="light-background"><h2>Our Work</h2>
					<ul>
						<li>Curating and Stewarding Collections</li>
						<li>Promoting Engagement</li>
						<li>Fostering Exploration</li>
					</ul></div>
					<aside class="notes">
						Here at the Center, we're responsible for curating and stewarding Stanford University Library's historical map collections, which in large part consists of the Collections of David Rumsey. We are here to make these collections easily accessible, understandable, and useful. We actively promote engagement with historical maps, whether in their physical form or as digital objects, encouraging their use as valuable data sources. By digitizing and making this material accessible virtually, we accelerate the integration of historical maps into digital and online environments. In that sense, a key part of our mission is to foster and promote exploration through the use of historical materials and modern technology. And I'll note that this isn't always about exploring the geographic phenomena found on maps, but also the story behind the map, or the other things that might be left off the map.
					</aside>
				</section>

				<section data-background-image="img/0002.jpg" data-background-size="cover">
					<div class="light-background"><h2>A <span class="highlight">Center</span></h2>
					<p>Classes</p>
					<p>Conferences</p>
					<p>Exhibitions</p>
					<p>Reading Room</p>
					<p>Tours</p></div>
					<aside class="notes">
						As an interdiciplinary Center, we use this space for a variety of purposes.
						Educational sessions like class visits or instructional workshops are a regular occurance here at the Center. We aim to provide in-depth learning experiences on various topics.

						Conferences:
						We host conferences where experts and enthusiasts can come together to discuss and share knowledge in specific fields.

						Exhibitions:
						These exhibitions are often related to our conferences. They may feature displays or projects, including an annual student competition.

						Reading Room:
						We are open to research during certain hours. It's a space where anyone can come and view our unique collections.

						Tours:
						We offer guided tours to give visitors a closer look at our facilities and the materials we have. It's a great way to to get an introduction to who we are and what we offer.

					</aside>
				</section>
				<section class="dark-slide" data-background-image="img/0004.jpg" data-background-size="cover">
					<div class="white-text">

					<h1>Essential Takeaways</h1>
					<p>We're here for you</p>
					<p>Digital collections = great starting points</p>
					<p>Feel free to get in touch</p></div>
					<aside class="notes">
						I'd like to emphasize some essential takeaways for you today. Firstly, the Center's staff are here to assist you in finding materials in our collections, or to help brainstorm and bounce ideas off of. Secondly, I recommend starting your research using our digital collections as they serve as an excellent starting point for an abundance of content. I will link to these sites here on the next slides. Keep in mind that everything you see on screens during David's presentation can be accessed online, so it's easily accessible. Additionally, please don't hesitate to get in touch with us if you have any questions or need further assistance. We're here to support you.
					</aside>
				</section>
				<section>
					<div>

					<h2>Getting Started Online</h2>
					<p>SEARCHING:</p>
					<div class="center-container">
					<div class="qr-grid">
						<!-- QR Code 1 -->
						<div class="qr-code">
						<small style="color:black";><a href="https://www.davidrumsey.com" target="_blank">davidrumsey.com</a></small>
						  <img src="img/davidrumsey.png" alt="QR Code 1">
						</div>

						<!-- QR Code 2 -->
						<div class="qr-code">
							<small style="color:black";><a href="https://searchworks.stanford.edu" target="_blank">searchworks.stanford.edu</a></small>
						  <img src="img/searchworks.png" alt="QR Code 2">
						</div>


					  </div>
					</div>
					<aside class="notes">

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

					<h2>Getting Started Online</h2>
					<p>LEARNING MORE:</p>
					<div class="center-container">

						<!-- QR Code 1 -->
						<div class="qr-code">
						<small style="color:black";> <a href="https://library.stanford.edu/libraries/david-rumsey-map-center" target="_blank">library.stanford.edu/libraries/david-rumsey-map-center</a></small>
						  <img src="img/drmc.png" alt="QR Code 1">
						</div>


					</div>
					<aside class="notes">

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

		<script src="dist/reveal.js"></script>
		<script src="plugin/notes/notes.js"></script>
		<script src="plugin/markdown/markdown.js"></script>
		<script src="plugin/highlight/highlight.js"></script>
		<script>
			// More info about initialization & config:
			// - https://revealjs.com/initialization/
			// - https://revealjs.com/config/
			Reveal.initialize({
				hash: true,

				// Learn about plugins: https://revealjs.com/plugins/
				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
			});
		</script>
	</body>
</html>