reveal.js/demo-5s.html at master · ccarbajal13/reveal.js · 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
<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>reveal.js – The HTML Presentation Framework</title>

		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="Hakim El Hattab">

		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">

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

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="plugin/highlight/monokai.css">
	</head>

	<body>

		<div class="reveal">

			<!-- Any section element inside of this container is displayed as a slide -->
			<div class="slides">
				<section>
					<a href="https://revealjs.com">
						<img src="https://docs.github.com/assets/cb-345/images/social-cards/default.png" alt="reveal.js logo" style="height: 180px; margin: 0 auto 4rem auto; background: transparent;" class="demo-logo">
					</a>
					<h3>The open source Presentation Framework</h3>
					<p>
						<small>Created by <a href="https://niutoday.info/2025/09/04/cindy-carbajal-honored-as-nius-newman-civic-fellow/">Cindy Carbajal</a> </small>
					</p>
					<p>October 30, 2025</p>
				</section>

				<section>
					<h2>Project Overview</h2>
					<p>
						What is it?: This project serves as the documentation repository for GitHub. It is essential for the functionality of the platform.
					</p>
					<p>What does it do?:The Docs site provides GitHub users with all the necessary information to guide them through the platform. This includes information regarding issues, commits, and more.</p>
					<p>Who Uses It?: Anyone who is utilizing GitHub and may need some guidance in their journey!</p>
				</section>

				<section data-markdown>
					<script type="text/template">
						## Non-Code Contribution:

						### Open Areas:

						- Translations
						- Content
						- Documentation
						- More info available in the [Docs Issue](https://github.com/github/docs/issues/39792).

						### Value:

						- These types of contributions allow the platform to be maintained in an effective way. Not only that, but they also improve the user-experience and foster a sense of community.
					</script>
				</section>

				<section  data-background-gradient="linear-gradient(to bottom, #ddd, #191919)" data-markdown>
					<script type="text/template">
						## Guidelines

						- [Guidelines](https://github.com/github/docs/blob/main/.github/CONTRIBUTING.md) can be found within the "Contributing" file
						- Yes, onboarding process is beginner friendly
						- Many documents that provide detailed explanations
						- I was surprised to learn about all the different ways to contribute, even without coding
					</script>
				</section>

				<section data-markdown>
					<script type="text/template">
						## Next Steps:

						- I plan to contribute through an English to Spanish Translation
						- I hope to recognize errors and provide useful input so that corrections can be made
						- Support from individuals who are more skilled than me would be very helpful
						- Learning more about the contributing guidelines will also be necessary
						- I hope to start working on it right away

					</script>
				</section>
			</div>
		</div>
		<script src="dist/reveal.js"></script>
		<script src="plugin/zoom/zoom.js"></script>
		<script src="plugin/notes/notes.js"></script>
		<script src="plugin/search/search.js"></script>
		<script src="plugin/markdown/markdown.js"></script>
		<script src="plugin/highlight/highlight.js"></script>
		<script>

			// Also available as an ES module, see:
			// https://revealjs.com/initialization/
			Reveal.initialize({
				controls: true,
				progress: true,
				center: true,
				hash: true,

				// Learn about plugins: https://revealjs.com/plugins/
				plugins: [ RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight ]
			});

		</script>

	</body>
</html>