HTML-CSS/meetupfinal.html at master · marbleindex/HTML-CSS · 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>
	<!--Kristian Reyes 5/10/2020 -->

	<title>Meetup Report</title>
	<meta charset="utf-8">
	<meta name="description" content="final project for CNIT 132">
	<meta name="keywords" content="HTML, CSS, CCSF, Student, JAMstack">
	<meta name="author" content="Kristian Reyes">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!--bootstrap 	 -->

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

	<!--bootstrap 	 -->


	<!-- favicon code -->

	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">

	<!-- favicon code -->

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

<body>

	<main class="grid">
		<header  class="grid-area grid-area-1">
			<h1> Meetup Report </h1>
		</header>
		<nav class="grid-area grid-area-2">
			<ul id="nobullets">
				<li>
					<a href="index.html" title="Home Page">
						Home
					</a>
				</li>

				<li>
					<a href="assignments.html" title="Assignments Page">
						Assignments
					</a>
				</li>
				<li>
					<a href="meetupfinal.html" title="Meetup Report Page">
						Meetup Report
					</a>
				</li>
				<li>
					<a href="contact.html" title="Contact Page">
						Contact
					</a>
				</li>
			</ul>
		</nav>

		<section class="grid-area grid-area-3">

			<h2> JAMstack </h2>

			<p> The objective of the <a href="https://jamstack.org/"     target="_blank" title="JAMStack website" rel="noopener"> JAMstack
			organization </a> and regional chapters is to share knowledge related to the JAMstack philosophy. Speakers <em> share knowledge </em> related to <em>static site generation, the modern web ecosystem, web apps, web hosting, and performance solutions. </em>
		</p>

		<p> The <strong>JAMstack</strong> philosophy embraces:</p>
		<ul>
			<li><strong>J:JavaScript-</strong> Dynamic functionalities are handled by JavaScript. There is no restriction on which framework or library you must use. </li>

			<li><strong>A:APIs-</strong> Server side operations are abstracted into reusable APIs and accessed over HTTPS with JavaScript. These can be third party services or your custom function. </li>

			<li><strong>M:Markup-</strong> Websites are served as static HTML files. These can be generated from source files, such as Markdown, using a Static Site Generator. </li>

		</ul>


		<h2> JAMstack SF Chapter </h2>
		<p> The <strong> JAMstack San Francisco chapter </strong> hosts <a href="https://www.meetup.com/jamstack-sf/" target="_blank" title="JAMstack SF Chapter Meetup" rel="noopener"> monthly meetups </a> at tech companies throughout the city.</p>
		<div class ="info">
			<p><em> Due to COVID, all meetups are currently virtual.</em> </p>
		</div>

		<h2> April 2020 Virtual Meetup </h2>
		<p>	Speakers and Topics: </p>


		<ul>
			<li><strong> Bryan Robinson, "The DIY Web: Where we came from; what we’ve lost; where we can go". </strong><ul>
				<li>Synopsis: The speaker's presentation focused on the early days of the Internet and how bringing back the original DIY attitude of the early web aligns with the JAMstack movement.Of note is how commercialized the web has become, that we've lost a lot of the personal projects and apps that were part of the early web. One example is the fanpages of the 90s that people created for movies, music groups, shows, and more. The speaker argues that we should start making web projects for ourselves and encourage others. There exist many free to low-cost resources on the web, and you can learn almost anything online these days. Some suggestions are creating a simple web app, a blog, or even your own site. Teaching others is another aspect of bringing back the DIY web spirit. Overall, this was a great presentation about the early days of the web. The speaker also shared informative links to get started with building your own web brand. </li>
			</ul>
		</li>
	</ul>


	<p> My attendance pic:</p>
	<img src="meetupkrpic.jpg" class="meetuppic" alt="Kristian Meetup Picture">

</section>

<footer class="grid-area grid-area-4">
	<p>
		&#169;  <a href = "mailto:info@kristianreyes.com" title="Kristian Reyes Email">2020 Kristian Reyes</a>
	</p>
</footer>
</main>
</body>