From 5c87ba2d6791f62ab5976ca21a450f9cb1c7dcc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jurij=20Podgor=C5=A1ek?= <jurij@kompot.si>
Date: Thu, 12 Dec 2024 21:14:36 +0100
Subject: [PATCH] =?UTF-8?q?Vnos=20za=20sre=C4=8Danje,=20dokumentacija=20pl?=
 =?UTF-8?q?ana=20za=20vaje?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html     | 123 +++++++------
 index.org      |   3 +
 vaja/plan.html | 482 +++++++++++++++++++++++++++++++++++++++++++++++++
 vaja/plan.org  |   8 +-
 4 files changed, 557 insertions(+), 59 deletions(-)
 create mode 100644 vaja/plan.html
diff --git a/index.html b/index.html
index 41d59d3..1c87cfe 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
-<!-- 2024-11-14 čet 21:00 -->
+<!-- 2024-12-12 čet 21:13 -->
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Kompotov programerski bralni krožek #1: SICP</title>
@@ -198,7 +198,7 @@
 <body>
 <div id="content" class="content">
 <h1 class="title">Kompotov programerski bralni krožek #1: SICP</h1>
-<div class="footer" id="org5edc296">
+<div class="footer" id="orgaf3ec15">
 <p>
 Izvorna koda se nahaja na <a href="https://git.kompot.si/programerski-bralni-krozek/sicp">git.kompot.si</a>.
 </p>
@@ -214,46 +214,55 @@ Za bralni krožek se dogovarjamo prek (javne) mailing liste, na katero se lahko
 </p>
 
 
-<div id="org45bddad" class="figure">
+<div id="org73a6e4c" class="figure">
 <p><img src="./tb.jpg" alt="tb.jpg" />
 </p>
 </div>
-<div id="outline-container-orgf68c8ba" class="outline-2">
-<h2 id="orgf68c8ba">Srečanja</h2>
-<div class="outline-text-2" id="text-orgf68c8ba">
+<div id="outline-container-org62e23d5" class="outline-2">
+<h2 id="org62e23d5">Srečanja</h2>
+<div class="outline-text-2" id="text-org62e23d5">
 </div>
-<div id="outline-container-org0e454c9" class="outline-3">
-<h3 id="org0e454c9">#13: četrtek, 28. 11. 2024 ob 18.45 v CTK</h3>
+<div id="outline-container-org4de267c" class="outline-3">
+<h3 id="org4de267c">#14: četrtek, 12. 12. 2024 ob 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org4de267c">
+<p>
+Pričeli smo s prvo vajo, izbrali smo igro stavkov kot spletno aplikacijo.
+Dokumentacija je tukaj: <a href="vaja/plan.html">plan za vaje</a>.
+</p>
 </div>
-<div id="outline-container-orgf79b011" class="outline-3">
-<h3 id="orgf79b011">#12: četrtek, 14. 11. 2024 ob 19.15 v CTK</h3>
 </div>
-<div id="outline-container-orgedd5cbf" class="outline-3">
-<h3 id="orgedd5cbf">#11: četrtek, 31. 10. 2024 ob 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-orgedd5cbf">
+<div id="outline-container-orgf8abb44" class="outline-3">
+<h3 id="orgf8abb44">#13: četrtek, 28. 11. 2024 ob 18.45 v CTK</h3>
+</div>
+<div id="outline-container-org7c1f97b" class="outline-3">
+<h3 id="org7c1f97b">#12: četrtek, 14. 11. 2024 ob 19.15 v CTK</h3>
+</div>
+<div id="outline-container-org565e6db" class="outline-3">
+<h3 id="org565e6db">#11: četrtek, 31. 10. 2024 ob 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org565e6db">
 <p>
 2.3.1: Citiranje (quotation)
 2.3.2: Simbolno odvajanje (symbollic differentiation)
 </p>
 </div>
 </div>
-<div id="outline-container-org1050e7f" class="outline-3">
-<h3 id="org1050e7f">#10: četrtek, 17. 10. 2024 ob 18.45 v CTK</h3>
+<div id="outline-container-orgb3c8ad0" class="outline-3">
+<h3 id="orgb3c8ad0">#10: četrtek, 17. 10. 2024 ob 18.45 v CTK</h3>
 </div>
-<div id="outline-container-orgbe33437" class="outline-3">
-<h3 id="orgbe33437">#9: četrtek, 3. 10. 2024 ob 18.45 v CTK</h3>
+<div id="outline-container-orge0a8666" class="outline-3">
+<h3 id="orge0a8666">#9: četrtek, 3. 10. 2024 ob 18.45 v CTK</h3>
 </div>
-<div id="outline-container-org654852c" class="outline-3">
-<h3 id="org654852c">#8: četrtek, 19. 9. 2024 ob 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-org654852c">
+<div id="outline-container-orga264a0b" class="outline-3">
+<h3 id="orga264a0b">#8: četrtek, 19. 9. 2024 ob 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-orga264a0b">
 <p>
 Nadaljujemo z drugim poglavjem. (2.2 - Hierarhicne podatkovne strukture in lastnost zaprtosti)
 </p>
 </div>
 </div>
-<div id="outline-container-org64a3c98" class="outline-3">
-<h3 id="org64a3c98">#8: sreda, 4. 9. 2024 ob 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-org64a3c98">
+<div id="outline-container-org5807cee" class="outline-3">
+<h3 id="org5807cee">#8: sreda, 4. 9. 2024 ob 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org5807cee">
 <p>
 Pregled vsebine 2. poglavja.
 </p>
@@ -263,23 +272,23 @@ Intervalna algebra: <a href="https://www.sciencedirect.com/science/article/pii/S
 </p>
 </div>
 </div>
-<div id="outline-container-org5c7e92b" class="outline-3">
-<h3 id="org5c7e92b">#8: sreda, 21. 8. 2024 ob 19.45 v CTK</h3>
-<div class="outline-text-3" id="text-org5c7e92b">
+<div id="outline-container-org82d508c" class="outline-3">
+<h3 id="org82d508c">#8: sreda, 21. 8. 2024 ob 19.45 v CTK</h3>
+<div class="outline-text-3" id="text-org82d508c">
 <p>
 Beremo poglavje 2.1.
 </p>
 </div>
 </div>
-<div id="outline-container-org6bf9763" class="outline-3">
-<h3 id="org6bf9763">#7: sreda, 24. 7. 2024 ob 19.45 v parlamentu</h3>
+<div id="outline-container-orgf6f3beb" class="outline-3">
+<h3 id="orgf6f3beb">#7: sreda, 24. 7. 2024 ob 19.45 v parlamentu</h3>
 </div>
-<div id="outline-container-org1fe0a61" class="outline-3">
-<h3 id="org1fe0a61">#6: sreda, 10. 7. 2024 ob 19.45 v CTK</h3>
+<div id="outline-container-org1365bd8" class="outline-3">
+<h3 id="org1365bd8">#6: sreda, 10. 7. 2024 ob 19.45 v CTK</h3>
 </div>
-<div id="outline-container-orgb4ced8c" class="outline-3">
-<h3 id="orgb4ced8c">#5: sreda, 12. 6. 2024 ob 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-orgb4ced8c">
+<div id="outline-container-orgc302727" class="outline-3">
+<h3 id="orgc302727">#5: sreda, 12. 6. 2024 ob 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-orgc302727">
 <p>
 <a href="https://dogodki.kompot.si/events/63a4ad96-7cc2-45a3-8560-18a1a28cf9b5">Povezava</a> do najave dogodka.
 </p>
@@ -288,27 +297,27 @@ Beremo poglavje 2.1.
 Beremo prvo podpoglavje drugega poglavja Grajenje abstrakcij s podatki.
 </p>
 </div>
-<div id="outline-container-org9e3522e" class="outline-4">
-<h4 id="org9e3522e">zapiski</h4>
-<div class="outline-text-4" id="text-org9e3522e">
+<div id="outline-container-org03b94c6" class="outline-4">
+<h4 id="org03b94c6">zapiski</h4>
+<div class="outline-text-4" id="text-org03b94c6">
 <ul class="org-ul">
 <li><a href="zapiski/g1smo/2_6_zapiski_vaje.html">g1smo</a></li>
 </ul>
 </div>
 </div>
 </div>
-<div id="outline-container-orgb2d7a1b" class="outline-3">
-<h3 id="orgb2d7a1b">#4: sreda, 29. 5. 2024 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-orgb2d7a1b">
+<div id="outline-container-org2424be3" class="outline-3">
+<h3 id="org2424be3">#4: sreda, 29. 5. 2024 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org2424be3">
 <p>
 Dogodek je <a href="https://dogodki.kompot.si/events/0f3df86f-abc0-4725-bb4c-3587262a672c">tukaj</a>.
 Preglejujemo naloge iz prvega poglavja.
 </p>
 </div>
 </div>
-<div id="outline-container-org644ff6e" class="outline-3">
-<h3 id="org644ff6e">#3: četrtek, 16. 5. 2024 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-org644ff6e">
+<div id="outline-container-org28404cd" class="outline-3">
+<h3 id="org28404cd">#3: četrtek, 16. 5. 2024 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org28404cd">
 <p>
 Kot ponavadi je dogodek na našem <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a237c837865d">mobilizonu</a>.
 </p>
@@ -319,9 +328,9 @@ Ker vsebuje poglavje veliko vaj, za katere nismo našli časa, smo se odločili
 Na srečanju smo skupaj reševali vajo 1.29.
 </p>
 </div>
-<div id="outline-container-orgd6d2c8a" class="outline-4">
-<h4 id="orgd6d2c8a">zapiski</h4>
-<div class="outline-text-4" id="text-orgd6d2c8a">
+<div id="outline-container-orgf5f7d24" class="outline-4">
+<h4 id="orgf5f7d24">zapiski</h4>
+<div class="outline-text-4" id="text-orgf5f7d24">
 <ul class="org-ul">
 <li><a href="zapiski/sicp-lio.html#MissingReference">lio</a></li>
 <li><a href="./zapiski/g1smo/1_3_zapiski_vaje.html">g1smo</a></li>
@@ -329,9 +338,9 @@ Na srečanju smo skupaj reševali vajo 1.29.
 </div>
 </div>
 </div>
-<div id="outline-container-orgabc1a44" class="outline-3">
-<h3 id="orgabc1a44">#2: torek, 30. 4. 2024 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-orgabc1a44">
+<div id="outline-container-org7a38ec3" class="outline-3">
+<h3 id="org7a38ec3">#2: torek, 30. 4. 2024 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org7a38ec3">
 <p>
 Dogodek je <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a237c837865d">tukaj</a>.
 </p>
@@ -340,9 +349,9 @@ Dogodek je <a href="https://dogodki.kompot.si/events/8435c26d-4dbd-4e28-94c2-a23
 Nadaljujemo z branjem poglavja 1.2, Procedures and the processes they generate.
 </p>
 </div>
-<div id="outline-container-org599befd" class="outline-4">
-<h4 id="org599befd">zapiski</h4>
-<div class="outline-text-4" id="text-org599befd">
+<div id="outline-container-org0792bc8" class="outline-4">
+<h4 id="org0792bc8">zapiski</h4>
+<div class="outline-text-4" id="text-org0792bc8">
 <ul class="org-ul">
 <li><a href="zapiski/sicp_1_2_tina.md">tina</a> (<a href="zapiski/sicp_1_2_tina.scm">vaje</a>, <a href="zapiski/sicp_sec_1_2.scm">druga varjanta</a>)</li>
 <li><a href="zapiski/sicp-lio.html#MissingReference">lio</a></li>
@@ -351,9 +360,9 @@ Nadaljujemo z branjem poglavja 1.2, Procedures and the processes they generate.
 </div>
 </div>
 </div>
-<div id="outline-container-org4d21400" class="outline-3">
-<h3 id="org4d21400">#1: sreda, 17. 4. 2024 18.45 v CTK</h3>
-<div class="outline-text-3" id="text-org4d21400">
+<div id="outline-container-org299d950" class="outline-3">
+<h3 id="org299d950">#1: sreda, 17. 4. 2024 18.45 v CTK</h3>
+<div class="outline-text-3" id="text-org299d950">
 <p>
 Beremo uvod in do poglavja 1.2, približno 30 strani.
 </p>
@@ -362,9 +371,9 @@ Beremo uvod in do poglavja 1.2, približno 30 strani.
 Link do <a href="https://dogodki.kompot.si/events/76672075-1c6f-48f1-bc37-05dde93371e5">dogodka na dogodki.kompot.si</a>.
 </p>
 </div>
-<div id="outline-container-org0262056" class="outline-4">
-<h4 id="org0262056">zapiski</h4>
-<div class="outline-text-4" id="text-org0262056">
+<div id="outline-container-orgb08c8b5" class="outline-4">
+<h4 id="orgb08c8b5">zapiski</h4>
+<div class="outline-text-4" id="text-orgb08c8b5">
 <ul class="org-ul">
 <li><a href="zapiski/g1smo/1_1_zapiski_vaje.html">g1smo</a></li>
 <li><a href="zapiski/sicp-lio.html">lio</a></li>
diff --git a/index.org b/index.org
index 20acf1b..2cd14f1 100644
--- a/index.org
+++ b/index.org
@@ -14,6 +14,9 @@ Za bralni krožek se dogovarjamo prek (javne) mailing liste, na katero se lahko
 [[file:./tb.jpg]]
 
 * Srečanja
+** #14: četrtek, 12. 12. 2024 ob 18.45 v CTK
+Pričeli smo s prvo vajo, izbrali smo igro stavkov kot spletno aplikacijo.
+Dokumentacija je tukaj: [[file:vaja/plan.org][plan za vaje]].
 ** #13: četrtek, 28. 11. 2024 ob 18.45 v CTK
 ** #12: četrtek, 14. 11. 2024 ob 19.15 v CTK
 ** #11: četrtek, 31. 10. 2024 ob 18.45 v CTK
diff --git a/vaja/plan.html b/vaja/plan.html
new file mode 100644
index 0000000..607a239
--- /dev/null
+++ b/vaja/plan.html
@@ -0,0 +1,482 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<!-- 2024-12-12 čet 21:14 -->
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>&lrm;</title>
+<meta name="author" content="Yuri" />
+<meta name="generator" content="Org Mode" />
+<style type="text/css">
+  #content { max-width: 60em; margin: auto; }
+  .title  { text-align: center;
+             margin-bottom: .2em; }
+  .subtitle { text-align: center;
+              font-size: medium;
+              font-weight: bold;
+              margin-top:0; }
+  .todo   { font-family: monospace; color: red; }
+  .done   { font-family: monospace; color: green; }
+  .priority { font-family: monospace; color: orange; }
+  .tag    { background-color: #eee; font-family: monospace;
+            padding: 2px; font-size: 80%; font-weight: normal; }
+  .timestamp { color: #bebebe; }
+  .timestamp-kwd { color: #5f9ea0; }
+  .org-right  { margin-left: auto; margin-right: 0px;  text-align: right; }
+  .org-left   { margin-left: 0px;  margin-right: auto; text-align: left; }
+  .org-center { margin-left: auto; margin-right: auto; text-align: center; }
+  .underline { text-decoration: underline; }
+  #postamble p, #preamble p { font-size: 90%; margin: .2em; }
+  p.verse { margin-left: 3%; }
+  pre {
+    border: 1px solid #e6e6e6;
+    border-radius: 3px;
+    background-color: #f2f2f2;
+    padding: 8pt;
+    font-family: monospace;
+    overflow: auto;
+    margin: 1.2em;
+  }
+  pre.src {
+    position: relative;
+    overflow: auto;
+  }
+  pre.src:before {
+    display: none;
+    position: absolute;
+    top: -8px;
+    right: 12px;
+    padding: 3px;
+    color: #555;
+    background-color: #f2f2f299;
+  }
+  pre.src:hover:before { display: inline; margin-top: 14px;}
+  /* Languages per Org manual */
+  pre.src-asymptote:before { content: 'Asymptote'; }
+  pre.src-awk:before { content: 'Awk'; }
+  pre.src-authinfo::before { content: 'Authinfo'; }
+  pre.src-C:before { content: 'C'; }
+  /* pre.src-C++ doesn't work in CSS */
+  pre.src-clojure:before { content: 'Clojure'; }
+  pre.src-css:before { content: 'CSS'; }
+  pre.src-D:before { content: 'D'; }
+  pre.src-ditaa:before { content: 'ditaa'; }
+  pre.src-dot:before { content: 'Graphviz'; }
+  pre.src-calc:before { content: 'Emacs Calc'; }
+  pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
+  pre.src-fortran:before { content: 'Fortran'; }
+  pre.src-gnuplot:before { content: 'gnuplot'; }
+  pre.src-haskell:before { content: 'Haskell'; }
+  pre.src-hledger:before { content: 'hledger'; }
+  pre.src-java:before { content: 'Java'; }
+  pre.src-js:before { content: 'Javascript'; }
+  pre.src-latex:before { content: 'LaTeX'; }
+  pre.src-ledger:before { content: 'Ledger'; }
+  pre.src-lisp:before { content: 'Lisp'; }
+  pre.src-lilypond:before { content: 'Lilypond'; }
+  pre.src-lua:before { content: 'Lua'; }
+  pre.src-matlab:before { content: 'MATLAB'; }
+  pre.src-mscgen:before { content: 'Mscgen'; }
+  pre.src-ocaml:before { content: 'Objective Caml'; }
+  pre.src-octave:before { content: 'Octave'; }
+  pre.src-org:before { content: 'Org mode'; }
+  pre.src-oz:before { content: 'OZ'; }
+  pre.src-plantuml:before { content: 'Plantuml'; }
+  pre.src-processing:before { content: 'Processing.js'; }
+  pre.src-python:before { content: 'Python'; }
+  pre.src-R:before { content: 'R'; }
+  pre.src-ruby:before { content: 'Ruby'; }
+  pre.src-sass:before { content: 'Sass'; }
+  pre.src-scheme:before { content: 'Scheme'; }
+  pre.src-screen:before { content: 'Gnu Screen'; }
+  pre.src-sed:before { content: 'Sed'; }
+  pre.src-sh:before { content: 'shell'; }
+  pre.src-sql:before { content: 'SQL'; }
+  pre.src-sqlite:before { content: 'SQLite'; }
+  /* additional languages in org.el's org-babel-load-languages alist */
+  pre.src-forth:before { content: 'Forth'; }
+  pre.src-io:before { content: 'IO'; }
+  pre.src-J:before { content: 'J'; }
+  pre.src-makefile:before { content: 'Makefile'; }
+  pre.src-maxima:before { content: 'Maxima'; }
+  pre.src-perl:before { content: 'Perl'; }
+  pre.src-picolisp:before { content: 'Pico Lisp'; }
+  pre.src-scala:before { content: 'Scala'; }
+  pre.src-shell:before { content: 'Shell Script'; }
+  pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
+  /* additional language identifiers per "defun org-babel-execute"
+       in ob-*.el */
+  pre.src-cpp:before  { content: 'C++'; }
+  pre.src-abc:before  { content: 'ABC'; }
+  pre.src-coq:before  { content: 'Coq'; }
+  pre.src-groovy:before  { content: 'Groovy'; }
+  /* additional language identifiers from org-babel-shell-names in
+     ob-shell.el: ob-shell is the only babel language using a lambda to put
+     the execution function name together. */
+  pre.src-bash:before  { content: 'bash'; }
+  pre.src-csh:before  { content: 'csh'; }
+  pre.src-ash:before  { content: 'ash'; }
+  pre.src-dash:before  { content: 'dash'; }
+  pre.src-ksh:before  { content: 'ksh'; }
+  pre.src-mksh:before  { content: 'mksh'; }
+  pre.src-posh:before  { content: 'posh'; }
+  /* Additional Emacs modes also supported by the LaTeX listings package */
+  pre.src-ada:before { content: 'Ada'; }
+  pre.src-asm:before { content: 'Assembler'; }
+  pre.src-caml:before { content: 'Caml'; }
+  pre.src-delphi:before { content: 'Delphi'; }
+  pre.src-html:before { content: 'HTML'; }
+  pre.src-idl:before { content: 'IDL'; }
+  pre.src-mercury:before { content: 'Mercury'; }
+  pre.src-metapost:before { content: 'MetaPost'; }
+  pre.src-modula-2:before { content: 'Modula-2'; }
+  pre.src-pascal:before { content: 'Pascal'; }
+  pre.src-ps:before { content: 'PostScript'; }
+  pre.src-prolog:before { content: 'Prolog'; }
+  pre.src-simula:before { content: 'Simula'; }
+  pre.src-tcl:before { content: 'tcl'; }
+  pre.src-tex:before { content: 'TeX'; }
+  pre.src-plain-tex:before { content: 'Plain TeX'; }
+  pre.src-verilog:before { content: 'Verilog'; }
+  pre.src-vhdl:before { content: 'VHDL'; }
+  pre.src-xml:before { content: 'XML'; }
+  pre.src-nxml:before { content: 'XML'; }
+  /* add a generic configuration mode; LaTeX export needs an additional
+     (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
+  pre.src-conf:before { content: 'Configuration File'; }
+
+  table { border-collapse:collapse; }
+  caption.t-above { caption-side: top; }
+  caption.t-bottom { caption-side: bottom; }
+  td, th { vertical-align:top;  }
+  th.org-right  { text-align: center;  }
+  th.org-left   { text-align: center;   }
+  th.org-center { text-align: center; }
+  td.org-right  { text-align: right;  }
+  td.org-left   { text-align: left;   }
+  td.org-center { text-align: center; }
+  dt { font-weight: bold; }
+  .footpara { display: inline; }
+  .footdef  { margin-bottom: 1em; }
+  .figure { padding: 1em; }
+  .figure p { text-align: center; }
+  .equation-container {
+    display: table;
+    text-align: center;
+    width: 100%;
+  }
+  .equation {
+    vertical-align: middle;
+  }
+  .equation-label {
+    display: table-cell;
+    text-align: right;
+    vertical-align: middle;
+  }
+  .inlinetask {
+    padding: 10px;
+    border: 2px solid gray;
+    margin: 10px;
+    background: #ffffcc;
+  }
+  #org-div-home-and-up
+   { text-align: right; font-size: 70%; white-space: nowrap; }
+  textarea { overflow-x: auto; }
+  .linenr { font-size: smaller }
+  .code-highlighted { background-color: #ffff00; }
+  .org-info-js_info-navigation { border-style: none; }
+  #org-info-js_console-label
+    { font-size: 10px; font-weight: bold; white-space: nowrap; }
+  .org-info-js_search-highlight
+    { background-color: #ffff00; color: #000000; font-weight: bold; }
+  .org-svg { }
+</style>
+</head>
+<body>
+<div id="content" class="content">
+<div id="table-of-contents" role="doc-toc">
+<h2>Table of Contents</h2>
+<div id="text-table-of-contents" role="doc-toc">
+<ul>
+<li><a href="#orgea1bc79">1. Plan za vajo</a></li>
+<li><a href="#orgf3f8684">2. predlogi</a></li>
+<li><a href="#org1415cea">3. tekstualna igra stavkov p</a>
+<ul>
+<li><a href="#org9ef178b">3.1. meta</a></li>
+<li><a href="#org8b67be4">3.2. homepage</a></li>
+<li><a href="#org75d0d17">3.3. seja igre</a></li>
+<li><a href="#org260847d">3.4. program</a>
+<ul>
+<li><a href="#orga36bb03">3.4.1. boilerplate</a></li>
+<li><a href="#orga5cbc1c">3.4.2. navodila za igro</a></li>
+</ul>
+</li>
+<li><a href="#org57c0424">3.5. Nova soba</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<div id="outline-container-orgea1bc79" class="outline-2">
+<h2 id="orgea1bc79"><span class="section-number-2">1.</span> Plan za vajo</h2>
+</div>
+
+<div id="outline-container-orgf3f8684" class="outline-2">
+<h2 id="orgf3f8684"><span class="section-number-2">2.</span> predlogi</h2>
+<div class="outline-text-2" id="text-2">
+<ul class="org-ul">
+<li>tekstualna igra stavkov
+<ul class="org-ul">
+<li>tista s sestavljanjem povedi je pa iz une igre, mi smo dostkrat igral, neki v smislu, da mora igrat 6+ ljudi in pol vsak napise na vrh lista eno stvar in pol prepogne in list krozi &#x2013; po vrsti grejo neki takega: kdo, kdaj, kje, zakaj, s cim, kaj dela &#x2026; pol pa ven loh pridejo kr zabavni stavki &#x2026; in da je odprto na spletni strani skos naslednje vprasanje, ko se odgovori zadnja stvar (kaj dela), se izpise poved med ze dokoncane, in se zacne nova</li>
+</ul></li>
+<li>igra v <a href="https://dthompson.us/projects/chickadee.html">chickadee</a>-ju
+<ul class="org-ul">
+<li>klon she-bo? (<a href="https://www.myabandonware.com/game/she-bo-a6f">https://www.myabandonware.com/game/she-bo-a6f</a>)</li>
+</ul></li>
+<li>igra v canvasu (preko hoot) - v brskalniku</li>
+<li>Command line tool za prevode - prepis <a href="https://git.kompot.si/lio/PonsapiCli">ponsapi-cli</a> v guile</li>
+<li>CI (continuous integration) sistem:
+<ul class="org-ul">
+<li><a href="https://codeberg.org/jjba23/byggsteg">https://codeberg.org/jjba23/byggsteg</a></li>
+<li>tegale bi lahko uporabili ^</li>
+<li>ideja: imeti spletno stran, ki jo na njej sami lahko v zivo urejas (ima vgrajen urejevalnik) in v kolikor testi passajo, se kar sproti deploya</li>
+</ul></li>
+</ul>
+
+
+<p>
+'
+</p>
+</div>
+</div>
+<div id="outline-container-org1415cea" class="outline-2">
+<h2 id="org1415cea"><span class="section-number-2">3.</span> tekstualna igra stavkov p</h2>
+<div class="outline-text-2" id="text-3">
+</div>
+<div id="outline-container-org9ef178b" class="outline-3">
+<h3 id="org9ef178b"><span class="section-number-3">3.1.</span> meta</h3>
+<div class="outline-text-3" id="text-3-1">
+<p>
+Sem pišemo plan za program igranja igre. Poskušamo kratko in jedrnato opisati prvi prototip, ki naj čimprej deluje in je zavoljo enostavnosti karseda podoben igranju v živo. Ob pisanju se poraja veliko idej, za katere je bolje, da se potencialno uvedejo kasneje, sicer se cilj delujočega prototipa sproti prehitro oddaljuje.
+</p>
+</div>
+</div>
+<div id="outline-container-org8b67be4" class="outline-3">
+<h3 id="org8b67be4"><span class="section-number-3">3.2.</span> homepage</h3>
+<div class="outline-text-3" id="text-3-2">
+<p>
+Na home page imamo kratka navodila in formo nova igra s poljem stevilo igralcev.
+Submitanje forme te pelje na zgeneriran link, ki ga posljes soigralcem.
+</p>
+
+<p>
+Na tem koraku se generira seja glede na število igralcev.
+</p>
+</div>
+</div>
+<div id="outline-container-org75d0d17" class="outline-3">
+<h3 id="org75d0d17"><span class="section-number-3">3.3.</span> seja igre</h3>
+<div class="outline-text-3" id="text-3-3">
+<p>
+Meta Podatki
+</p>
+<ul class="org-ul">
+<li>hash, ki je url</li>
+<li>stevilo igralcev</li>
+</ul>
+
+<p>
+Vsak igralec dobi svoj id (in session). Nato se mu po vrsti prikazujejo vprasanja in on izpolnjuje vprasanja. Novo vprasanje se ti pojavi, ko vsi odgovorijo na trenutno vprasanje (lahko imamo nek semaforcek, kdo je ze odgovoril).
+</p>
+
+<p>
+Igra "prepozna" obiskovalca nekako unikatno - lahko je session in cookie (kar se uporablja za user tracking), lahko pa je nek ID v browser local storage, ki zavaruje uporabnika pred cross-site trackingom. (@TODO tole je manjša komplikacija). Unikatna prepoznava je pomembna za deterministično prelivanje odgovorov.
+</p>
+
+<p>
+Ko oddaš odgovore, te pelje na link za rezlultate, kjer piše, koliko odgovorov igralcov še čakamo.
+Ko so vsi oddali odgovore, se ti izpiše stavek, ki ga lahko prebereš ostalim igralcem.
+</p>
+</div>
+</div>
+<div id="outline-container-org260847d" class="outline-3">
+<h3 id="org260847d"><span class="section-number-3">3.4.</span> program</h3>
+<div class="outline-text-3" id="text-3-4">
+<p>
+Izbrali smo artanis web framework: <a href="https://artanis.dev/">https://artanis.dev/</a>
+Namestitev:
+</p>
+<ul class="org-ul">
+<li>GNU guix: <code>guix install artanis</code></li>
+<li>Debian: <code>apt install guix; guix install artanis</code></li>
+</ul>
+</div>
+<div id="outline-container-orga36bb03" class="outline-4">
+<h4 id="orga36bb03"><span class="section-number-4">3.4.1.</span> boilerplate</h4>
+<div class="outline-text-4" id="text-3-4-1">
+<p>
+Artanis ima orodje za terminal, imenovano <code>art</code>. Z orodje mdr. pripravimo skelet novega projekta: <code>art create igra-stavkov</code>.
+</p>
+
+<p>
+Strežnik potem lahko poženemo z ukazoma:
+</p>
+<ul class="org-ul">
+<li><code>cd igra-stavkov</code></li>
+<li><code>art work</code></li>
+</ul>
+
+<p>
+Strežnik se nam odpre na naslovu <a href="http://127.0.0.1:3000">http://127.0.0.1:3000</a>
+</p>
+
+
+<div id="orgd80eba0" class="figure">
+<p><img src="./igra-stavkov-1.png" alt="igra-stavkov-1.png" />
+</p>
+</div>
+
+<p>
+Stran tako deluje samo lokalno, če jo želimo deliti z drugimi na omrežju, spremenimo konfiguracijo; v datoteki <code>conf/artanis.conf</code> spremenimo <code>host.addr = 127.0.0.1</code> v lasten IP naslov (v mojem primeru <code>host.addr = 10.27.3.12</code>)
+Drugi potem stran vidijo na naslovu <code>http://&lt;ip_naslov&gt;:3000</code>, v času in kraju pisanja tega dokumenta je to <code>http://10.27.3.12:3000</code> (deluje pa samo CTK wifi omrežju, na katerega sem trenutno povezan).
+</p>
+</div>
+</div>
+<div id="outline-container-orga5cbc1c" class="outline-4">
+<h4 id="orga5cbc1c"><span class="section-number-4">3.4.2.</span> navodila za igro</h4>
+<div class="outline-text-4" id="text-3-4-2">
+<p>
+Igro lahko igrata dva ali več igralcev. Igralci skupaj sestavljajo stavke, tako da vnaprej odgovarjajo na vprašanja:
+</p>
+<ul class="org-ul">
+<li>Kdo?</li>
+<li>Kdaj?</li>
+<li>Kje?</li>
+<li>zakaj?</li>
+<li>S čim?</li>
+<li>Kaj dela?</li>
+</ul>
+</div>
+<ol class="org-ol">
+<li><a id="org2d9239a"></a>v živo<br />
+<div class="outline-text-5" id="text-3-4-2-1">
+<p>
+Vsak igralec potrebuje listek in pisalo. Igralci skupaj odgovarjajo na
+vprašanja, po vsakem odgovoru pa listek prepognejo in podajo naprej. Svoj
+naslednji odgovor nato napišejo pod prepognjen del in spet podajo listek naprej.
+Ko odogovorijo na vsa vprašanja, še enkrat podajo listek naprej naslednjemu
+igralcu in preberejo cel stavek.
+</p>
+</div>
+</li>
+<li><a id="org4867869"></a>na naši aplikaciji<br />
+<div class="outline-text-5" id="text-3-4-2-2">
+<p>
+Na naši aplikaciji je igra zelo podobna. Izberete število igralcev in ustvarite
+novo sobo za igranje. Povezavo do sobo pošljete soigralcem in po vrsti
+odgovarjate na vprašanja, dokler ne izpolnite vseh. Vsakemu igralcu se na koncu
+izpiše en sestavljen stavek.
+</p>
+
+<p>
+Ustvarimo nov fajl na lokaciji <code>pub/index.html</code>:
+</p>
+
+<div class="org-src-container">
+<pre class="src src-html"> &lt;<span style="color: #fabd2f;">html</span>&gt;
+    &lt;<span style="color: #fabd2f;">head</span>&gt;
+      &lt;<span style="color: #fabd2f;">meta</span> <span style="color: #83a598;">charset</span>=<span style="color: #b8bb26;">"UTF-8"</span>&gt; 
+      &lt;<span style="color: #fabd2f;">meta</span> <span style="color: #83a598;">name</span>=<span style="color: #b8bb26;">"viewport"</span> <span style="color: #83a598;">content</span>=<span style="color: #b8bb26;">"width=device-width, initial-scale=1.0"</span>&gt;
+      &lt;<span style="color: #fabd2f;">title</span>&gt;<span style="font-weight: bold; text-decoration: underline;">igra stavkov</span>&lt;/<span style="color: #fabd2f;">title</span>&gt;
+    &lt;/<span style="color: #fabd2f;">head</span>&gt;
+    &lt;<span style="color: #fabd2f;">body</span>&gt;
+      &lt;<span style="color: #fabd2f;">h1</span>&gt;<span style="font-weight: bold; text-decoration: underline;">igra stavkov</span>&lt;/<span style="color: #fabd2f;">h1</span>&gt;
+
+      &lt;<span style="color: #fabd2f;">h2</span>&gt;<span style="font-weight: bold; font-style: italic; text-decoration: underline;">v &#382;ivo</span>&lt;/<span style="color: #fabd2f;">h2</span>&gt;
+      &lt;<span style="color: #fabd2f;">p</span>&gt;
+  Vsak igralec potrebuje listek in pisalo. Igralci skupaj odgovarjajo na
+  vpra&#353;anja, po vsakem odgovoru pa listek prepognejo in podajo naprej. Svoj
+  naslednji odgovor nato napi&#353;ejo pod prepognjen del in spet podajo listek naprej.
+  Ko odogovorijo na vsa vpra&#353;anja, &#353;e enkrat podajo listek naprej naslednjemu
+  igralcu in preberejo cel stavek.
+      &lt;/<span style="color: #fabd2f;">p</span>&gt;
+
+      &lt;<span style="color: #fabd2f;">h2</span>&gt;<span style="font-weight: bold; font-style: italic; text-decoration: underline;">prek spleta (na&#353;a varianta)</span>&lt;/<span style="color: #fabd2f;">h2</span>&gt;
+      &lt;<span style="color: #fabd2f;">p</span>&gt;
+  Vsak igralec potrebuje ra&#269;unalnik z brskalnikom in internetno povezavo. Dobavna veriga obsega rudnike redkih kovin, silicij, proizvodnjo &#269;ipov, komunikacijsko mre&#382;o, etcetera.
+      &lt;/<span style="color: #fabd2f;">p</span>&gt;
+
+      &lt;<span style="color: #fabd2f;">p</span>&gt;
+Na na&#353;i aplikaciji je igra zelo podobna. Izberete &#353;tevilo igralcev in ustvarite
+novo sobo za igranje. Povezavo do sobo po&#353;ljete soigralcem in po vrsti
+odgovarjate na vpra&#353;anja, dokler ne izpolnite vseh. Vsakemu igralcu se na koncu
+izpi&#353;e en sestavljen stavek.
+
+      &lt;<span style="color: #fabd2f;">form</span>&gt;
+        &lt;<span style="color: #fabd2f;">label</span> <span style="color: #83a598;">for</span>=<span style="color: #b8bb26;">"num-of-players"</span>&gt;Izberi &#353;tevilo igralcev&lt;/<span style="color: #fabd2f;">label</span>&gt;
+        &lt;<span style="color: #fabd2f;">input</span> <span style="color: #83a598;">type</span>=<span style="color: #b8bb26;">"number"</span> <span style="color: #83a598;">min</span>=<span style="color: #b8bb26;">"1"</span> <span style="color: #83a598;">name</span>=<span style="color: #b8bb26;">"num-of-players"</span> <span style="color: #83a598;">id</span>=<span style="color: #b8bb26;">"num-of-players"</span>&gt;&lt;/<span style="color: #fabd2f;">input</span>&gt;
+        &lt;<span style="color: #fabd2f;">input</span> <span style="color: #83a598;">type</span>=<span style="color: #b8bb26;">"submit"</span> <span style="color: #83a598;">value</span>=<span style="color: #b8bb26;">"igraj"</span>&gt;
+      &lt;/<span style="color: #fabd2f;">form</span>&gt;
+    &lt;/<span style="color: #fabd2f;">body</span>&gt;
+  &lt;/<span style="color: #fabd2f;">html</span>&gt;
+</pre>
+</div>
+
+<p>
+Ker artanis privzeto ne prikazuje <code>index.html</code> datoteke, mu to zaukažemo z vnosom v fajlu <code>ENTRY</code>:
+</p>
+<div class="org-src-container">
+<pre class="src src-scheme"><span style="color: #458588;">(</span>get <span style="color: #b8bb26;">"/"</span> <span style="color: #b16286;">(</span><span style="color: #fb4933;">lambda</span> <span style="color: #8ec07c;">(</span>rc<span style="color: #8ec07c;">)</span> <span style="color: #8ec07c;">(</span>redirect-to rc <span style="color: #b8bb26;">"index.html"</span><span style="color: #8ec07c;">)</span><span style="color: #b16286;">)</span><span style="color: #458588;">)</span>
+</pre>
+</div>
+
+<p>
+Sprememba se ne zgodi "avtomatsko", ampak moramo prekiniti proces <code>art work</code> (<code>Ctrl+C</code>), in ga ponovno pognati (<code>art work</code>). Lahko ga pa poženemo tudi z <code>art work -g</code>, načinu za razhroščevanje, ki ponovno naloži izvorno kodo, ko se le ta spremeni.
+</p>
+
+<p>
+Domača stran se nam zdaj naloži!
+</p>
+
+
+<div id="org99d57f7" class="figure">
+<p><img src="igra-stavkov-2.png" alt="igra-stavkov-2.png" />
+</p>
+</div>
+</div>
+</li>
+</ol>
+</div>
+</div>
+<div id="outline-container-org57c0424" class="outline-3">
+<h3 id="org57c0424"><span class="section-number-3">3.5.</span> Nova soba</h3>
+<div class="outline-text-3" id="text-3-5">
+<p>
+Zavoljo enostavnosti v <code>conf/artanis.conf</code> omogočimo podporo za sqlite3 bazo (ki je v fajlu in tako nismo odvisno od dodatne programske opreme za shranjevanje stanja):
+</p>
+
+<div class="org-src-container">
+<pre class="src src-conf"><span style="color: #83a598;">db.dbd</span> = sqlite3
+<span style="color: #83a598;">db.enable</span> = true
+</pre>
+</div>
+
+<p>
+In ponovno poženemo strežnik: <code>art work -g</code>
+</p>
+
+<p>
+Soba ima dve lastnosti; unikaten ID in število igralcev.
+</p>
+
+<p>
+Ustvarimo model zanjo;
+</p>
+</div>
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/vaja/plan.org b/vaja/plan.org
index ccd8f88..75a9da4 100644
--- a/vaja/plan.org
+++ b/vaja/plan.org
@@ -89,8 +89,8 @@ izpiše en sestavljen stavek.
 
 Ustvarimo nov fajl na lokaciji ~pub/index.html~:
 
-#+begin_src html :tangle ./igra-stavkov/pub/index.html
-    <html>
+#+begin_src html :tangle ./igra-stavkov/pub/index.html 
+   <html>
       <head>
         <meta charset="UTF-8"> 
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -149,3 +149,7 @@ db.enable = true
 #+end_src
 
 In ponovno poženemo strežnik: ~art work -g~
+
+Soba ima dve lastnosti; unikaten ID in število igralcev.
+
+Ustvarimo model zanjo;
