sp-tutorial 0.2.0

data/lib/public/stylesheets/sp.css

@@ -0,0 +1,194 @@
+/* font-face fonts works with Firefox and Opera */
+
+@font-face {
+  font-family: "Cyklop"; 
+  src: url(fonts/Cyklop-Regular.otf) format("opentype");
+}
+ 
+@font-face {
+  font-family: "Cyklop";
+  src: url(fonts/Cyklop-Italic.otf) format("opentype");
+  font-style: italic;
+}
+
+#logo {
+  font: normal 256%/1 "Cyklop", "DejaVu Sans", sans-serif;
+  margin-bottom: 24px;
+}
+
+#logo a {
+  text-decoration: none;
+  color: #5A0405;
+}
+
+#logo a:focus, #logo a:hover {
+  color: #321494;
+}
+
+#logo span {
+  margin-left: 1em;
+  color: #B019BD;
+}
+
+/* hack for RDiscount comments */
+
+h4 {
+  display: none;
+}
+
+html {
+  /* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
+  height: 100%; 
+  margin-bottom: 1px;
+
+  background-color: #E3E6F7; 
+  margin: 24px auto 24px 44px; 
+}
+
+body {
+  font-family: "DejaVu Sans", "Trebuchet MS", sans-serif ;
+  line-height: 28px;
+}
+
+#header {
+  padding-top: 24px;
+  padding-bottom: 0px;
+  background-color: #F07818;
+  /* border: solid #888; */
+  /* border-width: 1px 1px 0px 1px; */
+}
+
+#links {
+  float: right;
+}
+
+#links a {
+  text-decoration: none;
+  color: #A00;
+}
+
+.container {
+  /* border: 1px solid #888; */
+  background-color: #FEF9F0;
+}
+
+a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
+a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
+a[href$=".rdf"], a[href^="aim:"] {
+  padding:2px 16px 2px 0;
+}
+
+h1 {
+  font-weight: normal;
+  font-size: 160%;
+  font-family: "Cyklop", "DejaVu Sans", serif;
+  font-style: italic;
+  color: #D80000;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  background-color: #F0D800;
+  width: 869px;
+  margin-left: -44px;
+  padding-left: 44px;
+}
+
+blockquote {
+  font: normal 14/1.5 "DejaVu Sans", sans-serif;
+  width: 297px;
+  margin-top: 6px;
+  margin-left: 528px;
+  padding: 18px 22px 18px 22px;
+  position: absolute;
+  background: #99ff99;
+  -moz-border-radius: 4px;  
+  color: #800;
+}
+
+blockquote img {
+  margin: 0 auto 12px auto;
+  display: block;
+}
+
+blockquote p.author {
+  margin-top: -1em;
+  padding-right: 44px;
+  color: #800;
+  font-style: italic;
+  text-align: right;
+}
+
+h2 {
+  font-size: 140%;
+  padding-bottom: 6px;
+  border-bottom: 2px dotted #D80000;
+  color: #D80000;
+}
+
+h3 {
+  font-size: 120%;
+  color: #D80000;
+}
+
+pre.dawn {
+  margin-left: -50px;
+  padding: 8px 0 8px 39px;
+  border-left: 11px solid rgb(237,0,86);
+}
+
+pre code, li pre {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+
+code {
+  margin: 0 2px;
+  padding: 0.06em 0.125em;
+  border: 1px solid #403B33;
+}
+
+caption {
+  text-align: right;
+}
+
+pre, code {
+  font-family: "DejaVu Sans Mono", PakTypeNaqsh, monospace; 
+}
+
+/* tabele */
+
+thead th {
+  background-color: #ADD8C7;
+}
+li ul {
+  margin-bottom: 1.5em;
+}
+
+.table1 {
+  background-color: #EB7C7C;
+}
+
+.table2 {
+  background-color: #ECB39F;
+}
+
+/* różne */
+
+.center {
+  text-align: center;
+}
+
+blockquote h1 {
+  font-weight: bold;
+  font-size: 100%;
+  font-family: "DejaVu Sans", "PakTypeNaqsh", serif;
+  color: #D80000;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  background-color: #00A800;
+  color: white;
+  width: 100%;
+  margin-left: -22px;
+  margin-top: -18px;
+  -moz-border-radius: 4px;
+}

data/lib/public/stylesheets/uv.css

@@ -0,0 +1,121 @@
+pre.dawn .MetaSeparator {
+   font-weight: bold;
+   background-color: #DCDCDC;
+   color: #19356D;
+}
+pre.dawn .SupportVariable {
+   color: #234A97;
+}
+pre.dawn .Constant {
+   font-weight: bold;
+   color: #811F24;
+}
+pre.dawn .EmbeddedSource {
+   background-color: #829AC2;
+}
+pre.dawn .StringRegexpConstantCharacterEscape {
+   font-weight: bold;
+   color: #811F24;
+}
+pre.dawn .Support {
+   color: #691C97;
+}
+pre.dawn .MarkupList {
+   color: #693A17;
+}
+pre.dawn .Storage {
+   color: #A71D5D;
+   font-style: italic;
+}
+pre.dawn .line-numbers {
+   background-color: #7496CF;
+   color: #000000;
+}
+pre.dawn .StringConstant {
+   font-weight: bold;
+   color: #696969;
+}
+pre.dawn .MarkupUnderline {
+   text-decoration: underline;
+   color: #080808;
+}
+pre.dawn .MarkupHeading {
+   font-weight: bold;
+   color: #19356D;
+}
+pre.dawn .SupportConstant {
+   color: #B4371F;
+}
+pre.dawn .MarkupQuote {
+   background-color: #C5C5C5;
+   color: #0B6125;
+   font-style: italic;
+}
+pre.dawn .StringRegexpSpecial {
+   font-weight: bold;
+   color: #CF5628;
+}
+pre.dawn .InvalidIllegal {
+   background-color: #B52A1D;
+   color: #F8F8F8;
+   font-style: italic;
+}
+pre.dawn .MarkupDeleted {
+   color: #B52A1D;
+}
+pre.dawn .MarkupRaw {
+   background-color: #C5C5C5;
+   color: #234A97;
+}
+pre.dawn .SupportFunction {
+   color: #693A17;
+}
+pre.dawn .PunctuationSeparator {
+   color: #794938;
+}
+pre.dawn .StringRegexp {
+   color: #CF5628;
+}
+pre.dawn .StringEmbeddedSource {
+   background-color: #829AC2;
+   color: #080808;
+}
+pre.dawn .MarkupLink {
+   color: #234A97;
+   font-style: italic;
+}
+pre.dawn .MarkupBold {
+   font-weight: bold;
+   color: #080808;
+}
+pre.dawn .StringVariable {
+   color: #234A97;
+}
+pre.dawn .String {
+   color: #0B6125;
+}
+pre.dawn .Keyword {
+   color: #794938;
+}
+pre.dawn {
+   /* background-color: #F5F5F5; */
+   color: #080808;
+}
+pre.dawn .MarkupItalic {
+   color: #080808;
+   font-style: italic;
+}
+pre.dawn .InvalidDeprecated {
+   font-weight: bold;
+   color: #B52A1D;
+}
+pre.dawn .Variable {
+   color: #234A97;
+}
+pre.dawn .Entity {
+   color: #BF4F24;
+}
+pre.dawn .Comment {
+   color: #5A525F;
+   font-style: italic;
+}

data/lib/sp-tutorial.rb

@@ -0,0 +1,78 @@
+# -*- coding: utf-8 -*-
+
+# Zobacz przykład: http://gist.github.com/38605
+
+gem 'rdiscount'
+gem 'sinatra'
+gem 'wbzyl-sinatra-rdiscount'
+
+gem 'emk-sinatra-url-for'
+gem 'wbzyl-sinatra-static-assets'
+
+require 'rdiscount'
+require 'sinatra/base'
+require 'sinatra/rdiscount'
+
+require 'sinatra/url_for'
+require 'sinatra/static_assets'
+
+module WB
+  class SPTutorial < Sinatra::Base
+    helpers Sinatra::UrlForHelper
+    helpers Sinatra::StaticAssets
+
+    # disable overriding public and views dirs
+    set :app_file, __FILE__
+    set :static, true  
+    
+    # the middleware stack can be used internally as well. I'm using it for
+    # sessions, logging, and methodoverride. This lets us move stuff out of
+    # Sinatra if it's better handled by a middleware component.
+    set :logging, true  # use Rack::CommonLogger  
+    
+    helpers Sinatra::RDiscount
+    
+    # configure blocks:
+    # configure :production do
+    # end
+    
+    #before do
+    #  mime :sql, 'text/plain; charset="UTF-8"' # when served by Sinatra itself
+    #end
+    
+    # helper methods
+    #attr_reader :title
+
+    def page_title
+      @title || ""
+    end
+
+    # def title=(name)... does not work, bug?
+    def title(name)
+      @title = " | #{name}"
+    end
+    
+    get '/' do
+      rdiscount :main
+    end
+
+    get '/:section' do
+      rdiscount :"#{params[:section]}"
+    end
+
+# does not work with sub-uri; bug?    
+#    get '/labs/:section' do
+#      rdiscount "labs/#{params[:section]}".to_sym
+#    end
+    
+    error do
+      e = request.env['sinatra.error']
+      Kernel.puts e.backtrace.join("\n")
+      'Application error'
+    end
+    
+    # each Sinatra::Base subclass has its own private middleware stack:
+    # use Rack::Lint
+  end
+end
+

data/lib/views/answers.rdiscount

@@ -0,0 +1,7 @@
+#### {% title "Odpowiedzi do ćwiczeń" %}
+
+# Odpowiedzi do ćwiczeń
+
+<blockquote>
+  {%= image_tag "/images/algorithm.png", :alt => "[Rozwiązanie…]" %}
+</blockquote>

data/lib/views/exercises.rdiscount

@@ -0,0 +1,154 @@
+#### {% title "Ćwiczenia" %}
+
+# Ćwiczenia
+
+<blockquote>
+  {%= image_tag "/images/albert_einstein.jpg", :alt => "[Albert Einstein]" %}
+  <p>
+   In the interests of clarity, it seemed necessary to constantly
+   remind myself to pay not the slightest attention to the elegance of
+   the presentation; I adhered conscientiously to the rule of the
+   brilliant theoretician, Ludwig Boltzmann, to leave elegance to
+   tailors and shoemakers.
+  </p>
+  <p class="author">— Albert Einstein</p>
+</blockquote>
+
+Rozwiązania ćwiczeń należy umieścić na swoim blogu.
+Na przykład, rozwiązania ćwiczeń LaTeX-owych, powinny
+być dostępne pod jakimś takim URL:
+
+    http://sigma.ug.edu.pl/~wbzyl/2009-11-22-latex.html
+
+(Oczywiście, zamiast *wbzyl* trzeba wstawić swój login,
+no i data będzie inna.)
+
+Kod należy umieścić w repozytorium git. Na przykład
+
+    cd ~/tmp
+    mkdir latex
+    cd latex
+    touch README.md
+    git init
+    ... dodajemy pliki z kodem/rozwiązaniem ...
+    git add .
+    git commit -m "gotowe"
+    cd ..
+    git clone --bare latex ~/public_git/latex.git
+    rm -rf ~/tmp/latex
+
+## Bash
+
+Zadania do wykonania w laboratoriach:
+
+* {%= link_to "Laboratorium 1", "/labs01" %} (polecenia powłoki)
+* {%= link_to "Laboratorium 2", "/labs02" %} (kontynuacja)
+* {%= link_to "Laboratorium 3", "/labs03" %} (— " —)
+* {%= link_to "Laboratorium 4", "/labs04" %} (— " —)
+* {%= link_to "Laboratorium 5, 6", "/doc/ex/sp_lab03_zad.odt" %} (polecenia *find*, *grep*)
+* {%= link_to "Laboratorium 7, 8, 9, 10", "/doc/ex/sp_lab04_zad.odt" %} (skrypty)
+* LaTeX, Git: Laboratoria 11, 12, 13
+* Zaliczenia: Laboratoria 14, 15
+
+
+## Edytory
+
+2\. W *jBlogu* jest kilka napisów, które należy wymienić,
+na przykład, w pliku *index.html*:
+
+    title: WB_Blog
+
+w pliku *_layouts/default.html*:
+
+    <meta name="author" content="Włodek Bzyl" />
+    
+Znaleźć wszystkie takie napisy.
+Napisać prosty skrypt korzystający z programu *sed*
+wymieniający te napisy.
+
+Logo przygotowałem w programie *inkscape*. 
+Plik *images/logo.svg* w formacie *SVG* zawiera tekst *WB@jBlog*,
+który należy wymienić. 
+
+<blockquote> 
+ {%= image_tag "/images/biuletyn-snall.jpg", :alt => "[]" %}
+ <p> 
+  W okresie międzywojennym font Cyklop był używany 
+  w tytulariach gazetowych i drukach akcydensowych.
+ </p>
+</blockquote>
+
+W pliku *images/logo.svg* literki składane są fontem *OTF*
+{%= link_to "Cyklop", "/doc/Cyklop-otf-0_91.zip" %}.
+Zainstalować ten font lokalnie i korzystając z programu
+*inkscape* zmienić tekst.
+Zapisać zmiany i wyeksportować obrazek
+*images/logo.png* w formacie *PNG*.
+
+2\. Przygotować prostą stronę www ze ściągą do wyrażeń regularnych
+rozpoznawanych przez program *egrep*.
+Ściąga powinna być dostępna pod takim URL:
+
+<pre>http://sigma.inf.ug.edu.pl/~TWÓJ_LOGIN/egrep.html
+</pre>
+
+
+## Git
+
+1\. W zespołach 3–4 osobowych przygotować prosty projekt.
+Popracować wspólnie nad projektem. Na koniec
+zajęć przeanalizować kto co zrobił.
+
+2\. Napisać historyjkę pokazującą jak można
+wyszukać *commit* w którym po raz pierwszy
+pojawiła się określona funkcja.
+Umieścić historyjkę na jBlogu pod *git-grep*. 
+
+3\. Napisać historyjkę ilustrującą użycie polecenia
+`git cherry-pick`.
+Umieścić historyjkę na jBlogu pod *git-cherry-pick*. 
+
+
+
+## XeLaTeX
+
+1\. Zapoznajemy się z programem *TeXworks*:
+
+* wczytujemy gotowy szablon: File → New from Template
+* włączamy outlines: Window → Show → Tags
+* opanowujemy klika skrótów klawiszowych: 
+  * kompilacja: ctrl+t
+  * …
+
+2\. Przygotować po jednym dokumencie (1–2 strony wydruku) 
+pokazującym podstawowe możliwości pakietu:
+
+* *graphicx* (dokumentacja *epslatex.pdf*)
+* *floatlft* albo *photo* (pływające wstawki) 
+* *geometry*
+
+3\. Tekst zadań do wykonania w laboratorium, na przykład 
+{%= link_to "Laboratorium 2", "/doc/ex/sp_lab02_zad.odt" %},
+to lista wypunktowana (otoczenia *enumerate*, *itemize*) 
+oraz tytularia (polecenia *section*, *paragraph*).
+Przygotować szablon oraz skróty klawiszowe ułatwiające
+wpisywanie takich tekstów. Przepisać jeden ze zestawów
+zadań korzystając z przygotowanego szablonu oraz ze
+skrótów klawiszowych. Opisać to co zostało zrobione
+na swoim jBlogu.
+
+Wskazówka do 3. Zajrzyj na strony Wiki:
+[Documentation of the code completion feature] [texworks code completion],
+[Some tips for using TeXworks] [texworks tips].
+
+
+## Skrypty powłoki
+
+1\. Poprawić skrypt *makedict.sh* tak, aby rozpoznawał 
+polskie litery.
+
+
+#### Linki
+
+[texworks tips]: http://code.google.com/p/texworks/wiki/TipsAndTricks "Tips and Tricks"
+[texworks code completion]: http://code.google.com/p/texworks/wiki/CodeCompletion "Code completion"