Add Go->Gno bytebeat workshop (#33)

* update: add how to build a microblog * add workshop * presentation ready * add in breaks * add link to db * small fixes * ready * add pdf
gnolang · Oct 20, 2023 · 2d83c10 · 2d83c10
1 parent e2c25da
commit 2d83c10
Show file tree

Hide file tree

Showing 7 changed files with 1,081 additions and 0 deletions.
diff --git a/...entations/2023-10-09--generating-audio--schollz/2023-10-09--generating-audio--schollz.pdf b/...entations/2023-10-09--generating-audio--schollz/2023-10-09--generating-audio--schollz.pdf
diff --git a/presentations/2023-10-09--generating-audio--schollz/README.md b/presentations/2023-10-09--generating-audio--schollz/README.md
@@ -0,0 +1,4 @@
+# go to gno: bytebeats
+
+The presentation is made with https://remarkjs.com/ and is capable of being loaded directly into the web browser for viewing the slides. 
+
diff --git a/presentations/2023-10-09--generating-audio--schollz/crowd.mp3 b/presentations/2023-10-09--generating-audio--schollz/crowd.mp3
diff --git a/presentations/2023-10-09--generating-audio--schollz/favicon.ico b/presentations/2023-10-09--generating-audio--schollz/favicon.ico
diff --git a/presentations/2023-10-09--generating-audio--schollz/index.html b/presentations/2023-10-09--generating-audio--schollz/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <title>gno + bytebeats</title>
+ <meta charset="utf-8">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
+ <style>
+ @import url(https://fonts.googleapis.com/css?family=Roboto+Mono);
+ @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
+ @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
+
+ body {
+ font-family: 'Roboto Mono';
+ }
+
+ h1,
+ h2,
+ h3 {
+ font-family: 'Yanone Kaffeesatz';
+ font-weight: 400;
+ margin-bottom: 0;
+ }
+
+ .remark-slide-content h1 {
+ font-size: 3em;
+ }
+
+ .remark-slide-content h2 {
+ font-size: 2em;
+ }
+
+ .remark-slide-content h3 {
+ font-size: 1.6em;
+ }
+
+ .footnote {
+ position: absolute;
+ bottom: 3em;
+ }
+
+ li p {
+ line-height: 1.25em;
+ }
+
+ .red {
+ color: #fa0000;
+ }
+
+ .large {
+ font-size: 2em;
+ }
+
+ a,
+ a>code {
+ color: rgb(249, 38, 114);
+ text-decoration: none;
+ }
+
+ code {
+ background: #d7d8d2;
+ border-radius: 5px;
+ }
+
+ .remark-code,
+ .remark-inline-code {
+ font-family: 'Ubuntu Mono';
+ }
+
+ .remark-code-line-highlighted {
+ background-color: #373832;
+ }
+
+
+ .pull-left {
+ float: left;
+ width: 47%;
+ }
+
+ .pull-right {
+ float: right;
+ width: 47%;
+ }
+
+ .pull-right~p {
+ clear: both;
+ }
+
+ #slideshow .slide .content code {
+ font-size: 0.8em;
+ }
+
+ #slideshow .slide .content pre code {
+ font-size: 0.9em;
+ padding: 15px;
+ }
+
+ .inverse {
+ background: #272822;
+ color: #777872;
+ text-shadow: 0 0 20px #333;
+ }
+
+ .inverse h1,
+ .inverse h2 {
+ color: #f3f3f3;
+ line-height: 0.8em;
+ }
+
+ /* Slide-specific styling */
+ #slide-inverse .footnote {
+ bottom: 12px;
+ left: 20px;
+ }
+
+ #slide-how .slides {
+ font-size: 0.9em;
+ position: absolute;
+ top: 151px;
+ right: 140px;
+ }
+
+ #slide-how .slides h3 {
+ margin-top: 0.2em;
+ }
+
+ #slide-how .slides .first,
+ #slide-how .slides .second {
+ padding: 1px 20px;
+ height: 90px;
+ width: 120px;
+ -moz-box-shadow: 0 0 10px #777;
+ -webkit-box-shadow: 0 0 10px #777;
+ box-shadow: 0 0 10px #777;
+ }
+
+ #slide-how .slides .first {
+ background: #fff;
+ position: absolute;
+ top: 20%;
+ left: 20%;
+ z-index: 1;
+ }
+
+ #slide-how .slides .second {
+ position: relative;
+ background: #fff;
+ z-index: 0;
+ }
+
+ /* Two-column layout */
+ .left-column {
+ color: #777;
+ width: 20%;
+ height: 92%;
+ float: left;
+ }
+
+ .left-column h2:last-of-type,
+ .left-column h3:last-child {
+ color: #000;
+ }
+
+ .right-column {
+ width: 75%;
+ float: right;
+ padding-top: 1em;
+ }
+
+ .left-column>h2:not(:first-child),
+ .left-column>h3 {
+ margin-top: 0.4em;
+ }
+
+ .footnote {
+ font-size: 0.8em;
+ }
+
+ .remark-inline-code {
+ padding: 0.25em;
+ font-size: 0.8em;
+ }
+ </style>
+</head>
+
+<body>
+ <!-- <textarea id="source">
+
+
+ </textarea>
+ -->
+ <script src="https://remarkjs.com/downloads/remark-latest.min.js">
+ </script>
+ <script>
+ var slideshow = remark.create({
+ sourceUrl: 'presentation.md'
+ });
+ </script>
+</body>
+
+</html>