API tools faq
paste
Advertisement
plirof2

BASIC lesson - zxbasic-lesson1-RND-HELLO 230223 0webslides

plirof2
Feb 24th, 2023 (edited)
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.41 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en" prefix="og: http://ogp.me/ns#">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <!--
  7. v2320223 - minor changes
  8.  
  9.  
  10. -->
  11. <!-- CLEAN MARKUP = GOOD KARMA.
  12. Hi source code lover,
  13.  
  14. you're a curious person and a fast learner ;)
  15. Let's make something beautiful together. Contribute on Github:
  16. https://github.com/webslides/webslides
  17.  
  18. Thanks!
  19. -->
  20.  
  21. <!-- SEO -->
  22. <title>WebSlides: Why WebSlides is so inspiring?</title>
  23. <meta name="description" content="WebSlides is about good karma. Create your own HTML presentation instantly. Just the esentials.">
  24.  
  25. <!-- URL CANONICAL -->
  26. <!-- <link rel="canonical" href="http://your-url.com/permalink"> -->
  27.  
  28. <!-- Google Fonts
  29. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i%7CMaitree:200,300,400,600,700&amp;subset=latin-ext" rel="stylesheet">
  30. -->
  31. <!-- CSS Base -->
  32. <link rel="stylesheet" type='text/css' media='all' href="static/css/webslides.css">
  33.  
  34. <!-- Optional - CSS SVG Icons (Font Awesome) -->
  35. <link rel="stylesheet" type="text/css" media="all" href="static/css/svg-icons.css">
  36.  
  37.  
  38. <!-- FAVICONS -->
  39. <link rel="shortcut icon" sizes="16x16" href="static/images/favicons/favicon.png">
  40. <link rel="shortcut icon" sizes="32x32" href="static/images/favicons/favicon-32.png">
  41. <link rel="apple-touch-icon icon" sizes="76x76" href="static/images/favicons/favicon-76.png">
  42. <link rel="apple-touch-icon icon" sizes="120x120" href="static/images/favicons/favicon-120.png">
  43. <link rel="apple-touch-icon icon" sizes="152x152" href="static/images/favicons/favicon-152.png">
  44. <link rel="apple-touch-icon icon" sizes="180x180" href="static/images/favicons/favicon-180.png">
  45. <link rel="apple-touch-icon icon" sizes="192x192" href="static/images/favicons/favicon-192.png">
  46.  
  47. <!-- Android -->
  48. <meta name="mobile-web-app-capable" content="yes">
  49. <meta name="theme-color" content="#333333">
  50. </head>
  51. <body>
  52.  
  53. <header role="banner">
  54. <nav role="navigation">
  55. <!-- <p class="logo"><a href="index.html" title="WebSlides">WebSlides</a></p> -->
  56. <h1 class="text-landing">BASIC</h1>
  57. </nav>
  58. </header>
  59.  
  60. <main role="main">
  61. <article id="webslides" class="vertical">
  62.  
  63. <!-- Quick Guide
  64. - Each parent <section> in the <article id="webslides"> element is an individual slide.
  65. - Vertical sliding = <article id="webslides" class="vertical">
  66. - <div class="wrap"> = container 90% / <div class="wrap size-50"> = 45%;
  67. -->
  68.  
  69. <section>
  70. <!--.wrap = container (width: 90%) -->
  71. <div class="wrap aligncenter">
  72. <h1 class="text-landing">BASIC</h1>
  73. <pre class="text-intro">
  74. 10 PRINT "HELLO";
  75. 40 GO TO 10
  76. </pre>
  77.  
  78. </div>
  79. <!-- .end .wrap -->
  80. </section>
  81. <section>
  82. <!--.wrap = container (width: 90%) -->
  83. <div class="wrap aligncenter">
  84. <h1 class="text-landing">BASIC</h1>
  85. <pre class="text-intro">
  86. 10 PRINT "HELLO";
  87. 20 PAPER 4
  88. 40 GO TO 10
  89.  
  90. </pre>
  91. </div>
  92. <!-- .end .wrap -->
  93. </section>
  94. <section>
  95. <!--.wrap = container (width: 90%) -->
  96. <div class="wrap aligncenter">
  97. <pre class="text-intro">
  98. 10 PRINT "HELLO";
  99. 20 PAPER RND*7
  100. 40 GO TO 10
  101.  
  102. </pre>
  103. </div>
  104. <!-- .end .wrap -->
  105. </section>
  106. <section>
  107. <!--.wrap = container (width: 90%) -->
  108. <div class="wrap aligncenter">
  109. <pre class="text-intro">
  110. 10 PRINT "HELLO";
  111. 20 PAPER RND*7
  112. 30 BORDER RND*7
  113. 40 GO TO 10
  114.  
  115. </pre>
  116. </div>
  117. <!-- .end .wrap -->
  118. </section>
  119. <section>
  120. <!--.wrap = container (width: 90%) -->
  121. <div class="wrap aligncenter">
  122. <pre class="text-intro">
  123. 10 PRINT "HELLO";
  124. 20 PAPER RND*7
  125. 25 INK RND*7
  126. 30 BORDER RND*7
  127. 40 GO TO 10
  128.  
  129. </pre>
  130. </div>
  131. <!-- .end .wrap -->
  132. </section>
  133. <section>
  134. <!--.wrap = container (width: 90%) -->
  135. <div class="wrap aligncenter">
  136. <pre class="text-intro">
  137. 5 INPUT "Type your name(s)";A$
  138. 10 PRINT "HELLO ";A$
  139. 20 PAPER RND*7
  140. 25 INK RND*7
  141. 30 BORDER RND*7
  142. 40 GO TO 10
  143. </pre>
  144. </div>
  145. <!-- .end .wrap -->
  146. </section>
  147. <section>
  148. <!--.wrap = container (width: 90%) -->
  149. <div class="wrap aligncenter">
  150. <pre class="text-intro">
  151. 10 PRINT "HELLO";
  152. 20 PAPER RND*7
  153. 25 INK RND*7
  154. 30 BORDER RND*7
  155. 35 CLS
  156. 40 GO TO 10
  157. 50 REM Shift+Space
  158. </pre>
  159. </div>
  160. <!-- .end .wrap -->
  161. </section>
  162.  
  163.  
  164. </article>
  165. </main>
  166. <!--main-->
  167.  
  168. <!-- Required -->
  169. <script src="static/js/webslides.js"></script>
  170.  
  171. <!-- Autoslide 5 seconds. If you don't want autoslide, remove: {autoslide: 5000} -->
  172. <script>
  173. //window.ws = new WebSlides({ autoslide: 5000 });
  174. window.ws = new WebSlides({ });
  175. </script>
  176.  
  177. <!-- OPTIONAL - svg-icons.js (fontastic.me - Font Awesome as svg icons)
  178. <script defer src="static/js/svg-icons.js"></script>
  179. -->
  180.  
  181. </body>
  182. </html>
  183.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!