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>
Original file line number	Diff line number	Diff line change
		@@ -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.