diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml
index e6dd317..8785744 100644
--- a/.idea/watcherTasks.xml
+++ b/.idea/watcherTasks.xml
@@ -25,7 +25,7 @@
       <option name="arguments" value="&quot;F:\Eigene Dateien\Dropbox\Programming\Web\Website - Mikescher\Source\data\css_compress\compress.py&quot; &quot;$FileDir$\styles.scss&quot; &quot;$FileDir$\styles.css&quot; &quot;$FileDir$\styles.min.css&quot;" />
       <option name="checkSyntaxErrors" value="true" />
       <option name="description" />
-      <option name="exitCodeBehavior" value="ALWAYS" />
+      <option name="exitCodeBehavior" value="ERROR" />
       <option name="fileExtension" value="scss" />
       <option name="immediateSync" value="true" />
       <option name="name" value="SCSS + Minimize" />
diff --git a/data/css_compress/compress.py b/data/css_compress/compress.py
index 01f7826..2cc7a91 100644
--- a/data/css_compress/compress.py
+++ b/data/css_compress/compress.py
@@ -38,8 +38,8 @@ print();
 print();
 
 print('======== CALL SCSS ========');
-out = subprocess.run(['C:/TOOLS/Ruby/bin/scss.bat', '--no-cache', '--update', fsource + ':' + finput], stdout=subprocess.PIPE, stderr=subprocess.PIPE)
-print('> C:/TOOLS/Ruby/bin/scss.bat --no-cache --update ' + fsource + ':' + finput)
+out = subprocess.run(['scss.bat', '--no-cache', '--update', fsource + ':' + finput], stdout=subprocess.PIPE, stderr=subprocess.PIPE)
+print('> scss.bat --no-cache --update ' + fsource + ':' + finput)
 print('STDOUT:')
 print(out.stdout.decode('utf-8'))
 print('STDERR:')
@@ -50,8 +50,8 @@ print('')
 
 
 print('======== CALL YUI ========');
-out = subprocess.run(['java', '-jar', 'yuicompressor.jar', finput, '-o', ftemp], stdout=subprocess.PIPE, stderr=subprocess.PIPE)
-print('> java -jar yuicompressor.jar "'+finput+'" -o "'+ftemp+'"')
+out = subprocess.run(['java', '-jar', 'yuicompressor.jar', '--verbose', finput, '-o', ftemp], stdout=subprocess.PIPE, stderr=subprocess.PIPE)
+print('> java -jar yuicompressor.jar --verbose "'+finput+'" -o "'+ftemp+'"')
 print('STDOUT:');
 print(out.stdout.decode('utf-8'))
 print('STDERR:');
@@ -63,6 +63,7 @@ print('')
 print('======== READ ========');
 with open(ftemp, 'r') as tf:
     data = tf.read()
+    print(str(len(data)) + ' characters read from ' + ftemp)
 
 print('')
 print('')
@@ -70,6 +71,7 @@ print('')
 print('======== REM ========');
 try:
     os.remove(ftemp);
+    print(ftemp + ' deleted')
 except e:
     print(e)
 
@@ -79,6 +81,8 @@ print('')
 print('======== REGEX ========');
 data = re.sub(r'(\}*\})', '\g<1>\n', data);
 
+print('css data modified (1)')
+
 print('')
 print('')
 
@@ -99,6 +103,7 @@ for i in range(len(data)):
                 tp =(i+1, '\t')
                 ins.append( tp )
         ins.append((cclose, '\n'))
+        print('media query at idx:' + str(i) + ' formatted')
 
 for (l, c) in reversed(ins):
     data = data[:l] + c + data[l:]
@@ -109,7 +114,8 @@ print('')
 print('======== WRITE ========');
 with open(foutput, "w") as tf:
     tf.write(data)
+    print(str(len(data)) + ' characters written to ' + foutput)
 
 print('')
 print('')
-print('Sinished.')
+print('Finished.')
diff --git a/data/css_compress/scss b/data/css_compress/scss
new file mode 100644
index 0000000..919dccd
--- /dev/null
+++ b/data/css_compress/scss
@@ -0,0 +1,22 @@
+#!C:/TOOLS/Ruby/bin/ruby.exe
+#
+# This file was generated by RubyGems.
+#
+# The application 'sass' is installed as part of a gem, and
+# this file is here to facilitate running it.
+#
+
+require 'rubygems'
+
+version = ">= 0.a"
+
+if ARGV.first
+  str = ARGV.first
+  str = str.dup.force_encoding("BINARY") if str.respond_to? :force_encoding
+  if str =~ /\A_(.*)_\z/ and Gem::Version.correct?($1) then
+    version = $1
+    ARGV.shift
+  end
+end
+
+load Gem.bin_path('sass', 'scss', version)
diff --git a/data/css_compress/scss.bat b/data/css_compress/scss.bat
new file mode 100644
index 0000000..30fa211
--- /dev/null
+++ b/data/css_compress/scss.bat
@@ -0,0 +1,6 @@
+@ECHO OFF
+IF NOT "%~f0" == "~f0" GOTO :WinNT
+@"C:\TOOLS\Ruby\bin\ruby.exe" "C:/TOOLS/Ruby/bin/scss" %1 %2 %3 %4 %5 %6 %7 %8 %9
+GOTO :EOF
+:WinNT
+@"C:\TOOLS\Ruby\bin\ruby.exe" "%~dpn0" %*
diff --git a/www/data/css/styles.css b/www/data/css/styles.css
index da08a1f..0bf04d3 100644
--- a/www/data/css/styles.css
+++ b/www/data/css/styles.css
@@ -104,11 +104,11 @@ body {
         cursor: pointer;
         background-color: #555; }
     #headerdiv .tabrow .tab_active {
-      background-color: #422; }
+      background-color: #442222; }
     #headerdiv .tabrow .tab_split {
       flex: auto; }
     #headerdiv .tabrow .tab_github {
-      background-color: #4078c0;
+      background-color: #4078C0;
       border-left: 1px solid #111;
       border-right: none;
       color: black; }
@@ -206,10 +206,18 @@ html, body {
   background-color: #DDD; }
 
 .ble_blog .ble_date {
-  background-color: #AAA; }
+  background-color: #AAA;
+  color: #333; }
 
 .ble_log .ble_date {
-  background-color: #CCC; }
+  background-color: #CCC;
+  color: #333; }
+
+.ble_log {
+  color: #555; }
+
+.ble_log:hover {
+  color: #333; }
 
 .ble_date {
   background-color: #AAA;
@@ -241,7 +249,7 @@ html, body {
 .bc_data {
   padding: 8px; }
 
-.bc_markdown code {
+.base_markdown code {
   font-family: Consolas, Monaco, "Courier New", Menlo, monospace;
   direction: ltr;
   text-align: left;
@@ -254,7 +262,7 @@ html, body {
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; }
-.bc_markdown pre {
+.base_markdown pre {
   font-size: 14px;
   display: block;
   padding: 9.5px;
@@ -267,36 +275,36 @@ html, body {
   color: black;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 2px; }
-.bc_markdown blockquote {
+.base_markdown blockquote {
   padding: 0 0 0 15px;
   margin: 0 0 20px;
   border-left: 5px solid #CCC; }
-.bc_markdown img {
+.base_markdown img {
   max-width: 100%; }
-.bc_markdown table {
+.base_markdown table {
   border-collapse: collapse;
   text-align: left;
   width: 100%;
   border: 1px solid #666; }
-  .bc_markdown table td, .bc_markdown table th {
+  .base_markdown table td, .base_markdown table th {
     padding: 3px 10px; }
-  .bc_markdown table thead th {
+  .base_markdown table thead th {
     background-color: #7D7D7D;
     color: #FFFFFF;
     font-weight: bold;
     border-left: 1px solid #444; }
-  .bc_markdown table thead th:first-child {
+  .base_markdown table thead th:first-child {
     border: none; }
-  .bc_markdown table tbody td {
+  .base_markdown table tbody td {
     border-left: 1px solid #666;
     font-weight: normal; }
-  .bc_markdown table tbody .alt td {
+  .base_markdown table tbody .alt td {
     background: #EBEBEB; }
-  .bc_markdown table tbody td:first-child {
+  .base_markdown table tbody td:first-child {
     border-left: none; }
-  .bc_markdown table tbody tr:last-child td {
+  .base_markdown table tbody tr:last-child td {
     border-bottom: none; }
-  .bc_markdown table tbody tr:nth-child(odd) {
+  .base_markdown table tbody tr:nth-child(odd) {
     background-color: #ccc; }
 
 .mdtable_container {
@@ -518,6 +526,17 @@ html, body {
   justify-content: center;
   align-items: center; }
 
+.prgl_elem_sdesc {
+  color: #555;
+  font-size: 14pt;
+  flex-grow: 1;
+  margin-bottom: 20px;
+  margin-left: 10px;
+  margin-right: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center; }
+
 .prgl_elem_info {
   display: flex;
   flex-direction: row; }
@@ -555,7 +574,11 @@ html, body {
     justify-content: center; }
 
   .prgl_elem_subinfo_caption {
-    text-align: center; } }
+    text-align: center; }
+
+  .prgl_elem_sdesc {
+    font-size: 12pt;
+    margin-bottom: 10px; } }
 @media (max-width: 850px) {
   .prgl_elem {
     flex-direction: column;
@@ -577,7 +600,130 @@ html, body {
     margin: 8px 0 8px 8px; }
 
   .prgl_elem_subinfo {
-    flex-direction: row; } }
+    flex-direction: row; }
+
+  .prgl_elem_sdesc {
+    display: none;
+    visibility: hidden; } }
+.prgv_content {
+  display: flex;
+  flex-direction: column;
+  color: #333;
+  border: 1px solid black;
+  background-color: #E0E0E0;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto; }
+
+#prgv_header h1 {
+  font-size: 48pt;
+  text-align: center;
+  margin-top: 5px; }
+
+#prgv_header hr {
+  background: -moz-radial-gradient(circle, #CCC, #FFFFFF00);
+  background: -webkit-radial-gradient(circle, #CCC 0%, #FFFFFF00 100%); }
+
+.prgv_top {
+  display: flex;
+  flex-direction: row;
+  margin-top: 15px; }
+
+.prgv_left {
+  flex-grow: 1;
+  text-align: center;
+  margin-left: 10px;
+  margin-top: auto;
+  margin-bottom: auto; }
+
+.prgv_left img {
+  max-height: 100%;
+  max-width: 100%; }
+
+.prgv_right {
+  background: #BBB;
+  border: 1px solid #666;
+  margin: 0 10px;
+  padding: 8px 5px 2px 5px;
+  min-height: 250px;
+  min-width: 200px;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto auto auto auto 1fr auto;
+  grid-column-gap: 15px;
+  grid-row-gap: 2px; }
+
+.prgv_right_key {
+  font-weight: bold; }
+
+.prgv_right_value a {
+  color: #333;
+  text-decoration: none; }
+
+.prgv_right_value a:hover {
+  color: #339;
+  text-decoration: none; }
+
+.prgv_right_comb {
+  grid-column: 1 / span 2; }
+
+.prgv_right_lang {
+  display: flex;
+  justify-content: right; }
+
+.prgv_dl_btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #222;
+  color: #CCC;
+  text-decoration: none;
+  border: 1px solid #000;
+  margin: 5px 0; }
+
+.prgv_dl_download {
+  background: #442222; }
+
+.prgv_dl_github {
+  background: #4078C0; }
+
+.prgv_dl_btn:hover {
+  cursor: pointer;
+  background-color: #555; }
+
+.prgv_dl_btn svg {
+  width: 14pt;
+  height: 14pt;
+  margin: 0 4px;
+  fill: #CCC; }
+
+.prgv_dl_btn span {
+  flex-grow: 1;
+  text-align: center;
+  font-size: 14pt; }
+
+.prgv_right_lang img {
+  display: inline;
+  height: 16pt;
+  max-width: 32px;
+  margin: 1px 2px 0 2px; }
+
+.prgv_center {
+  margin: 0 8px 8px 8px;
+  padding: 16px;
+  background: #EEE;
+  border: 1px solid rgba(0, 0, 0, 0.15); }
+
+.prgv_sep {
+  margin: 40px 0 40px 0;
+  display: block;
+  border: none;
+  color: white;
+  height: 1px;
+  background: #666666FF;
+  background: -moz-radial-gradient(circle, #666, #FFFFFF00);
+  background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%); }
+
 .euler_pnl_base {
   display: inline-flex;
   flex-direction: column;
diff --git a/www/data/css/styles.min.css b/www/data/css/styles.min.css
index 8d92922..8918715 100644
--- a/www/data/css/styles.min.css
+++ b/www/data/css/styles.min.css
@@ -1,21 +1,25 @@
 body{background-color:#EEE;color:#CCC;font-family:serif}
-#content{padding-top:64px;display:flex;justify-content:center;line-height:1.4}
+#content{padding-top:64px;display:flex;justify-content:center;line-height:1.4;flex-direction:column;align-items:center}
 .content-responsive{margin-left:auto;margin-right:auto}
 @media(max-width:767px){.content-responsive{width:auto}}
 @media(min-width:768px){.content-responsive{width:auto}}
 @media(min-width:992px){.content-responsive{width:724px}}
 @media(min-width:1200px){.content-responsive{width:1170px}}
+.content-fullheight{flex-grow:1}
 .contentheader{width:100%;color:#333;font-size:large}
 .contentheader h1{font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:32px;font-weight:900;margin-bottom:0}
 @media(max-width:767px){.contentheader h1{font-size:32px}}
 .contentheader hr{margin:0 0 25px 0;display:block;border:0;color:white;height:1px;background:#CCCCCCFF;background:-moz-linear-gradient(left,#CCC,#FFFFFF00);background:-webkit-linear-gradient(left,#CCC 0,#FFFFFF00 100%)}
 .blockcontent{display:block;width:100%}
+.generic_hidden{visibility:hidden !important}
+.generic_collapsed{visibility:collapse !important;display:none !important}
 #headerdiv{z-index:999;background-color:#333;display:flex;border-bottom:1px solid #111;box-shadow:0 0 8px #000;position:fixed;width:100%}
 #headerdiv .logowrapper{flex:initial;margin:0;padding:0;height:42px}
 #headerdiv .logowrapper .logo{height:30px;margin:4px 0 8px 6px;flex:initial}
 #headerdiv .tabrow{display:flex;flex:auto}
 #headerdiv .tabrow .tab{display:flex;justify-content:center;align-items:center;background-color:#222;color:#CCC;border-left:1px solid #000;border-right:1px solid #000;font-weight:bold;text-decoration:none;margin:0 0 0 20px;padding:2px 5px;min-width:64px;text-align:center;flex:initial}
 #headerdiv .tabrow .tab:hover{cursor:pointer;background-color:#555}
+#headerdiv .tabrow .tab_active{background-color:#422}
 #headerdiv .tabrow .tab_split{flex:auto}
 #headerdiv .tabrow .tab_github{background-color:#4078c0;border-left:1px solid #111;border-right:0;color:black}
 #headerdiv .tabrow .tab_github:hover{background-color:#c9510c;color:black}
@@ -27,7 +31,7 @@ body{background-color:#EEE;color:#CCC;font-family:serif}
 	#content{padding-top:0}
 }
 html,body{margin:0;padding:0;height:100%}
-#mastercontainer{min-height:100%;position:relative}
+#mastercontainer{display:flex;flex-direction:column;min-height:100%;position:relative}
 #content{padding-bottom:60px}
 #footerdiv{position:absolute;bottom:0;width:100%;height:60px;text-align:center;left:0;right:0;margin:0 auto}
 @media(max-width:767px){#footerdiv{width:auto}}
@@ -35,32 +39,35 @@ html,body{margin:0;padding:0;height:100%}
 @media(min-width:992px){#footerdiv{width:724px}}
 @media(min-width:1200px){#footerdiv{width:1170px}}
 #footerdiv hr{margin-bottom:5px;display:block;border:0;color:white;height:1px;background:#CCCCCCFF;background:-webkit-gradient(radial,50% 50%,0,50% 50%,350,from(#CCC),to(#FFFFFF00))}
+@media(max-width:850px){#footerdiv .footerspan2{display:none;visibility:collapse}}
 .bloglistelem_container{display:flex;align-items:center;flex-direction:column}
 .bloglistelem{width:100%;border:solid 1px #444;margin:10px 5px;color:#333;text-decoration:none}
 .bloglistelem:hover{box-shadow:0 0 4px #000}
 .ble_blog{background-color:#BBB}
 .ble_log{background-color:#DDD}
-.ble_blog .ble_date{background-color:#AAA}
-.ble_log .ble_date{background-color:#CCC}
+.ble_blog .ble_date{background-color:#AAA;color:#333}
+.ble_log .ble_date{background-color:#CCC;color:#333}
+.ble_log{color:#555}
+.ble_log:hover{color:#333}
 .ble_date{background-color:#AAA;padding:2px;font-size:.8em;font-style:italic}
 .ble_title{font-weight:bold;font-size:1.2em;text-align:left;margin:2px 0 2px 10px}
 @media(max-width:767px){.ble_title{font-size:1.25em}}
 .blogcontent{color:#333;border:1px solid black;background-color:#e0e0e0;width:90%;margin-left:auto;margin-right:auto}
 .bc_header{background-color:#BBB;padding:0 4px}
 .bc_data{padding:8px}
-.bc_markdown code{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
-.bc_markdown pre{font-size:14px;display:block;padding:9.5px;margin:0 0 10px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background-color:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
-.bc_markdown blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #CCC}
-.bc_markdown img{max-width:100%}
-.bc_markdown table{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666}
-.bc_markdown table td,.bc_markdown table th{padding:3px 10px}
-.bc_markdown table thead th{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444}
-.bc_markdown table thead th:first-child{border:0}
-.bc_markdown table tbody td{border-left:1px solid #666;font-weight:normal}
-.bc_markdown table tbody .alt td{background:#ebebeb}
-.bc_markdown table tbody td:first-child{border-left:0}
-.bc_markdown table tbody tr:last-child td{border-bottom:0}
-.bc_markdown table tbody tr:nth-child(odd){background-color:#ccc}
+.base_markdown code{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
+.base_markdown pre{font-size:14px;display:block;padding:9.5px;margin:0 0 10px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;background-color:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15);border-radius:2px}
+.base_markdown blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #CCC}
+.base_markdown img{max-width:100%}
+.base_markdown table{border-collapse:collapse;text-align:left;width:100%;border:1px solid #666}
+.base_markdown table td,.base_markdown table th{padding:3px 10px}
+.base_markdown table thead th{background-color:#7d7d7d;color:#fff;font-weight:bold;border-left:1px solid #444}
+.base_markdown table thead th:first-child{border:0}
+.base_markdown table tbody td{border-left:1px solid #666;font-weight:normal}
+.base_markdown table tbody .alt td{background:#ebebeb}
+.base_markdown table tbody td:first-child{border-left:0}
+.base_markdown table tbody tr:last-child td{border-bottom:0}
+.base_markdown table tbody tr:nth-child(odd){background-color:#ccc}
 .mdtable_container{overflow-x:auto}
 .notable{width:unset !important;border:none !important}
 .notable th,.notable td,.notable tr{border:none !important;background:transparent !important}
@@ -117,9 +124,68 @@ html,body{margin:0;padding:0;height:100%}
 	.bce_pag10{flex-direction:row}
 	.bce_pag05{flex-direction:row}
 }
+.ev_master{align-self:center}
+@media(min-width:850px){.ev_master{padding-bottom:80px}}
+.ev_master .ev_code{color:#000;text-align:center;font-size:150pt;font-weight:500;font-family:Consolas,Monaco,"Courier New",Menlo,monospace}
+.ev_master .ev_msg{color:#888;text-align:center;font-size:25pt}
+@media(max-width:767px){
+	.ev_master .ev_code{font-size:75pt}
+	.ev_master .ev_msg{font-size:15pt}
+}
+.prgl_parent{display:flex;flex-direction:column}
+.prgl_elem{display:flex;flex-direction:row;text-decoration:none;background:#BBB;border:solid 1px #444;margin:5px 0}
+.prgl_elem:hover{background:#999;box-shadow:0 0 4px #000}
+.prgl_elem_left{padding:4px;display:flex}
+.prgl_elem_left img{width:250px;height:100%;min-height:100px}
+.prgl_elem_right{display:flex;flex-direction:column;flex-grow:1}
+.prgl_elem_title{color:#222;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center}
+.prgl_elem_sdesc{color:#555;font-size:14pt;flex-grow:1;margin-bottom:20px;margin-left:10px;margin-right:10px;display:flex;justify-content:center;align-items:center}
+.prgl_elem_info{display:flex;flex-direction:row}
+.prgl_elem_subinfo{flex:1;display:flex;flex-direction:row}
+.prgl_elem_subinfo_caption{color:#111;font-weight:bold;margin:0 5px 0 10px}
+.prgl_elem_subinfo_data{color:#555;display:flex;flex-direction:row;align-items:center;height:100%}
+.prgl_elem_subinfo_data img{display:inline;height:13pt;margin:1px 2px 0 2px}
+@media(max-width:1199px){
+	.prgl_elem_title{font-size:22pt}
+	.prgl_elem_subinfo{flex-direction:column}
+	.prgl_elem_subinfo_data{justify-content:center}
+	.prgl_elem_subinfo_caption{text-align:center}
+	.prgl_elem_sdesc{font-size:12pt;margin-bottom:10px}
+}
+@media(max-width:850px){
+	.prgl_elem{flex-direction:column;width:350px}
+	.prgl_elem_left img{width:100%}
+	.prgl_elem_title{font-size:24pt;word-wrap:break-word;text-align:center}
+	.prgl_elem_left{justify-content:center}
+	.prgl_elem_info{flex-direction:column;margin:8px 0 8px 8px}
+	.prgl_elem_subinfo{flex-direction:row}
+	.prgl_elem_sdesc{display:none;visibility:hidden}
+}
+.prgv_content{display:flex;flex-direction:column;color:#333;border:1px solid black;background-color:#e0e0e0;width:100%;margin-left:auto;margin-right:auto}
+#prgv_header h1{font-size:48pt;text-align:center;margin-top:5px}
+#prgv_header hr{background:-moz-radial-gradient(circle,#CCC,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCC 0,#FFFFFF00 100%)}
+.prgv_top{display:flex;flex-direction:row;margin-top:15px}
+.prgv_left{flex-grow:1;text-align:center;margin-left:10px;margin-top:auto;margin-bottom:auto}
+.prgv_left img{max-height:100%;max-width:100%}
+.prgv_right{background:#BBB;border:1px solid #666;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:200px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px}
+.prgv_right_key{font-weight:bold}
+.prgv_right_value a{color:#333;text-decoration:none}
+.prgv_right_value a:hover{color:#339;text-decoration:none}
+.prgv_right_comb{grid-column:1 / span 2}
+.prgv_right_lang{display:flex;justify-content:right}
+.prgv_dl_btn{display:flex;justify-content:center;align-items:center;background:#222;color:#CCC;text-decoration:none;border:1px solid #000;margin:5px 0}
+.prgv_dl_download{background:#422}
+.prgv_dl_github{background:#4078c0}
+.prgv_dl_btn:hover{cursor:pointer;background-color:#555}
+.prgv_dl_btn svg{width:14pt;height:14pt;margin:0 4px;fill:#CCC}
+.prgv_dl_btn span{flex-grow:1;text-align:center;font-size:14pt}
+.prgv_right_lang img{display:inline;height:16pt;max-width:32px;margin:1px 2px 0 2px}
+.prgv_center{margin:0 8px 8px 8px;padding:16px;background:#EEE;border:1px solid rgba(0,0,0,0.15)}
+.prgv_sep{margin:40px 0 40px 0;display:block;border:0;color:white;height:1px;background:#666666FF;background:-moz-radial-gradient(circle,#666,#FFFFFF00);background:-webkit-radial-gradient(circle,#666 0,#FFFFFF00 100%)}
 .euler_pnl_base{display:inline-flex;flex-direction:column;border:1px solid #AAA;border-radius:5px 5px 0 0;margin:15px}
 .euler_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA}
 .euler_pnl_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:900}
+@media(max-width:850px){.euler_pnl_header a{font-size:16px}}
 .euler_pnl_header a:hover{text-decoration:underline}
 .euler_pnl_content{display:flex;flex-direction:column;background:#DDD;padding:6px}
 .euler_pnl_row{display:flex;flex-direction:row;flex-wrap:wrap}
@@ -136,6 +202,25 @@ html,body{margin:0;padding:0;height:100%}
 .euler_pnl_celltime_bad{background:#d8b298}
 .euler_pnl_celltime_fail{background:#d89d9d}
 .euler_pnl_cell_notexist{background:#ccc}
+.programs_pnl_base{display:inline-flex;flex-direction:column;border:1px solid #AAA;border-radius:5px 5px 0 0;margin:15px;width:652px}
+.programs_pnl_header{display:flex;align-items:center;justify-content:center;padding:4px;background:#AAA}
+.programs_pnl_header a{color:#222;text-decoration:none;font-family:Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:22px;font-weight:900}
+.programs_pnl_content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background:#DDD;padding:6px}
+.programs_pnl_content .programs_pnl_entry{display:flex;flex-direction:column;width:190px;border:1px solid #333;background:#AAA;color:#000;text-decoration:none;margin:4px}
+.programs_pnl_content .programs_pnl_entry:hover{box-shadow:0 0 8px #000}
+.programs_pnl_content .programs_pnl_img{display:flex;flex-direction:column;justify-content:flex-start;margin:4px}
+.programs_pnl_content .programs_pnl_img img{width:100%;height:auto}
+.programs_pnl_content .programs_pnl_center{display:flex;justify-content:center;align-items:flex-end;text-align:center;color:black;font-weight:bolder;font-size:15pt;flex-grow:1;margin:0 2px}
+.programs_pnl_content .programs_pnl_bottom{background:#888;display:flex;flex-direction:row}
+.programs_pnl_content .programs_pnl_bottom_1,.programs_pnl_content .programs_pnl_bottom_2{flex-grow:1;text-align:center;display:flex;flex-direction:column}
+.programs_pnl_content .programs_pnl_bottom_sub_top{color:#444}
+.programs_pnl_content .programs_pnl_bottom_sub_bot{color:#111;font-weight:bolder}
+@media(max-width:850px){
+	.programs_pnl_base{width:320px}
+	.programs_pnl_base .programs_pnl_entry{width:100%}
+	.programs_pnl_base .programs_pnl_bottom_sub_top{margin-left:4px;margin-right:6px}
+	.programs_pnl_base .programs_pnl_bottom_1,.programs_pnl_base .programs_pnl_bottom_2{flex-direction:row}
+}
 .bfjoust_runner_owner{border:1px solid #888;background:#f8f8f8;padding:6px}
 .bfjoust_runner_owner .hsplit{display:flex;flex-direction:row;flex-wrap:nowrap}
 .bfjoust_runner_owner .hsplit_1{flex:1;margin:4px}
@@ -163,13 +248,19 @@ html,body{margin:0;padding:0;height:100%}
 .bfjoust_runner_owner #run_speed{width:70px}
 .bfjoust_runner_owner #board{background-color:#FFF;border-radius:6px;border:1px solid #CCC}
 .bce_code{background:#f8f8f8;color:black;border:1px solid rgba(0,0,0,0.15)}
-.bce_code .bce_code_data{overflow-x:auto;white-space:pre;font-family:Consolas,Monaco,"Courier New",Menlo,monospace;padding:9.5px;font-size:10pt}
+.bce_code .bce_code_data,.bce_code .bce_code_editarea{overflow-x:auto;font-family:Consolas,Monaco,"Courier New",Menlo,monospace;padding:5px 9.5px;line-height:12pt;font-size:10pt}
+.bce_code .bce_code_data{white-space:pre}
+.bce_code .bce_code_editarea{display:block;resize:none;box-sizing:border-box;line-height:12pt;font-size:10pt}
 .bce_code .bce_code_ctrl{background:#BBB;display:flex;flex-direction:row}
 .bce_code .bce_code_ctrl .ctrl_btn_left,.bce_code .bce_code_ctrl .ctrl_btn_right{display:flex;flex-direction:row}
 .bce_code .bce_code_ctrl .ctrl_btn_left{margin-right:auto}
 .bce_code .bce_code_ctrl .ctrl_btn_right{margin-left:auto}
-.bce_code .bce_code_ctrl .ctrl_btn{display:block;border:1px solid #000;background:#444;color:#BBB;margin:4px;padding:0 5px;min-width:65px;text-align:center;text-decoration:none;font-weight:bold}
+.bce_code .bce_code_ctrl .ctrl_btn{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;display:block;border:1px solid #000;background:#444;color:#BBB;margin:4px;padding:0 5px;min-width:65px;text-align:center;text-decoration:none;font-weight:bold}
 .bce_code .bce_code_ctrl .ctrl_btn:hover{cursor:pointer;background:#333;color:#FFF;border:1px solid black}
+.bce_code .bce_code_ctrl .ctrl_btn_group{display:flex;flex-direction:row}
+.bce_code .bce_code_ctrl .ctrl_btn_ll{margin-right:0;flex-grow:1}
+.bce_code .bce_code_ctrl .ctrl_btn_rr{margin-left:0;flex-grow:0;min-width:25px;border-left:0}
+.bce_code .bce_code_ctrl .ctrl_btn_rr:hover{border-left:0}
 .bce_code .bce_code_ctrl .ctrl_btn_disabled{background:#999;color:#BBB}
 .bce_code .bce_code_ctrl .ctrl_btn_disabled:hover{background:#999;color:#BBB;cursor:default}
 @media(max-width:767px){
@@ -177,3 +268,13 @@ html,body{margin:0;padding:0;height:100%}
 	.bce_code .bce_code_ctrl .ctrl_btn_left,.bce_code .bce_code_ctrl .ctrl_btn_right{display:flex;flex-direction:column;margin:0}
 	.bce_code .ctrl_btn_left,.bce_code .ctrl_btn_right{display:flex;flex-direction:column;margin:0}
 }
+.bce_code_out{display:flex;flex-direction:row;background:#BBB}
+.bce_code_out .bce_code_out_text{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;overflow-y:auto;overflow-x:auto;background:#FFF;color:#000;border:1px solid #888;flex-grow:1}
+.bce_code_out .bce_code_out_stack{font-family:Consolas,Monaco,"Courier New",Menlo,monospace;overflow-y:scroll;overflow-x:auto;background:#FFF;color:#000;border:1px solid #888;flex-grow:1}
+.bce_code_out .bce_code_out_left{flex-grow:1;margin:0 4px 4px 4px;height:300px;display:flex;flex-direction:column}
+.bce_code_out .bce_code_out_right{height:300px;width:200px;margin:0 4px 4px 4px;display:flex;flex-direction:column}
+@media(max-width:767px){
+	.bce_code_out{flex-direction:column}
+	.bce_code_out .bce_code_out_left{flex-grow:0;height:100px}
+	.bce_code_out .bce_code_out_right{width:auto;height:150px}
+}
diff --git a/www/data/css/styles.scss b/www/data/css/styles.scss
index 254a0a7..8d127d8 100644
--- a/www/data/css/styles.scss
+++ b/www/data/css/styles.scss
@@ -8,6 +8,7 @@
 @import 'styles_blogview_befunge';
 @import 'styles_errorview';
 @import 'styles_programslist';
+@import 'styles_programsview';
 
 @import 'styles_eulerpanel';
 @import 'styles_programspanel';
diff --git a/www/data/css/styles_bloglist.scss b/www/data/css/styles_bloglist.scss
index db9ee5d..545aedc 100644
--- a/www/data/css/styles_bloglist.scss
+++ b/www/data/css/styles_bloglist.scss
@@ -12,7 +12,7 @@
 
   border: solid 1px #444;
   margin: 10px 5px;
-  color: #333;
+  color: $COL_TEXT_DARK;
   text-decoration: none;
 }
 
@@ -23,8 +23,11 @@
 .ble_blog { background-color: #BBB; }
 .ble_log  { background-color: #DDD; }
 
-.ble_blog .ble_date { background-color: #AAA; }
-.ble_log  .ble_date { background-color: #CCC; }
+.ble_blog .ble_date { background-color: #AAA; color: $COL_TEXT_DARK; }
+.ble_log  .ble_date { background-color: #CCC; color: $COL_TEXT_DARK; }
+
+.ble_log           { color: $COL_TEXT_DARK_LIGHTER; }
+.ble_log:hover     { color: $COL_TEXT_DARK; }
 
 .ble_date {
   background-color: #AAA;
diff --git a/www/data/css/styles_blogview.scss b/www/data/css/styles_blogview.scss
index b04010c..5cb3108 100644
--- a/www/data/css/styles_blogview.scss
+++ b/www/data/css/styles_blogview.scss
@@ -18,7 +18,7 @@
   padding: 8px;
 }
 
-.bc_markdown {
+.base_markdown {
 
   code {
     font-family: $FONT_CODE;
diff --git a/www/data/css/styles_blogview_befunge.scss b/www/data/css/styles_blogview_befunge.scss
index 704f54d..7970946 100644
--- a/www/data/css/styles_blogview_befunge.scss
+++ b/www/data/css/styles_blogview_befunge.scss
@@ -69,7 +69,7 @@
   }
 
   a {
-    color: #333;
+    color: $COL_TEXT_DARK;
     display: block;
     text-decoration: none;
   }
diff --git a/www/data/css/styles_config.scss b/www/data/css/styles_config.scss
index 0f5648e..985651f 100644
--- a/www/data/css/styles_config.scss
+++ b/www/data/css/styles_config.scss
@@ -1,9 +1,14 @@
-$COL_BACKGROUND:   #EEE;
-$COL_BACKGROUND_2: #E0E0E0;
-$COL_BACKGROUND_3: #F8F8F8;
-$COL_TEXT_NORMAL:  #CCC;
-$COL_TEXT_DARK:    #333;
-$COL_TRANSPARENT:  #FFFFFF00;
+$COL_BACKGROUND:        #EEE;
+$COL_BACKGROUND_2:      #E0E0E0;
+$COL_BACKGROUND_3:      #F8F8F8;
+$COL_TEXT_NORMAL:       #CCC;
+$COL_TEXT_DARK_DARKER:  #222;
+$COL_TEXT_DARK:         #333;
+$COL_TEXT_DARK_LIGHTER: #555;
+$COL_TRANSPARENT:       #FFFFFF00;
+
+$COL_GITHUB:            #4078C0;
+$COL_HIGHLIGHT_RED:     #442222;
 
 $FONT_HEADER: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 $FONT_CODE: Consolas, Monaco, "Courier New", Menlo, monospace;
diff --git a/www/data/css/styles_eulerpanel.scss b/www/data/css/styles_eulerpanel.scss
index 44160eb..d33f324 100644
--- a/www/data/css/styles_eulerpanel.scss
+++ b/www/data/css/styles_eulerpanel.scss
@@ -19,7 +19,7 @@
 }
 
 .euler_pnl_header a {
-  color: #222;
+  color: $COL_TEXT_DARK_DARKER;
   text-decoration: none;
 
 
diff --git a/www/data/css/styles_header.scss b/www/data/css/styles_header.scss
index be2174a..76291e7 100644
--- a/www/data/css/styles_header.scss
+++ b/www/data/css/styles_header.scss
@@ -51,14 +51,14 @@
       }
     }
 
-    .tab_active { background-color: #422; }
+    .tab_active { background-color: $COL_HIGHLIGHT_RED; }
 
     .tab_split {
       flex: auto;
     }
 
     .tab_github {
-      background-color: #4078c0;
+      background-color: $COL_GITHUB;
       border-left:  1px solid #111;
       border-right: none;
       color: black;
diff --git a/www/data/css/styles_programslist.scss b/www/data/css/styles_programslist.scss
index b3b8fc6..34c29df 100644
--- a/www/data/css/styles_programslist.scss
+++ b/www/data/css/styles_programslist.scss
@@ -39,7 +39,7 @@
 }
 
 .prgl_elem_title {
-  color: #222;
+  color: $COL_TEXT_DARK_DARKER;
   font-size: 40pt;
   font-weight: bolder;
   flex-grow: 1;
@@ -49,6 +49,20 @@
   align-items: center;
 }
 
+.prgl_elem_sdesc {
+  color: $COL_TEXT_DARK_LIGHTER;
+  font-size: 14pt;
+  flex-grow: 1;
+
+  margin-bottom: 20px;
+  margin-left: 10px;
+  margin-right: 10px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .prgl_elem_info {
   display:flex;
   flex-direction: row;
@@ -97,6 +111,10 @@
   .prgl_elem_subinfo_caption {
     text-align: center;
   }
+  .prgl_elem_sdesc {
+    font-size: 12pt;
+    margin-bottom: 10px;
+  }
 }
 @media (max-width: 850px)
 {
@@ -122,6 +140,10 @@
   .prgl_elem_subinfo {
     flex-direction: row;
   }
+  .prgl_elem_sdesc {
+    display: none;
+    visibility: hidden;
+  }
 }
 
 
diff --git a/www/data/css/styles_programspanel.scss b/www/data/css/styles_programspanel.scss
index 7bce6c1..9a3e9fa 100644
--- a/www/data/css/styles_programspanel.scss
+++ b/www/data/css/styles_programspanel.scss
@@ -21,7 +21,7 @@
 }
 
 .programs_pnl_header a {
-  color: #222;
+  color: $COL_TEXT_DARK_DARKER;
   text-decoration: none;
 
 
diff --git a/www/data/css/styles_programsview.scss b/www/data/css/styles_programsview.scss
new file mode 100644
index 0000000..d38e761
--- /dev/null
+++ b/www/data/css/styles_programsview.scss
@@ -0,0 +1,144 @@
+@import 'styles_config';
+
+.prgv_content {
+  display: flex;
+  flex-direction: column;
+
+  color: $COL_TEXT_DARK;
+  border: 1px solid black;
+  background-color: #E0E0E0;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+#prgv_header h1 {
+  font-size: 48pt;
+  text-align: center;
+  margin-top: 5px;
+}
+
+#prgv_header hr {
+  background: -moz-radial-gradient(   circle, $COL_TEXT_NORMAL,   $COL_TRANSPARENT);
+  background: -webkit-radial-gradient(circle, $COL_TEXT_NORMAL 0%,$COL_TRANSPARENT 100%);
+}
+
+.prgv_top {
+  display: flex;
+  flex-direction: row;
+  margin-top: 15px;
+}
+
+.prgv_left {
+  flex-grow: 1;
+  text-align: center;
+  margin-left: 10px;
+
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+.prgv_left img {
+  max-height: 100%;
+  max-width: 100%;
+}
+
+.prgv_right {
+  background: #BBB;
+  border: 1px solid #666;
+  margin: 0 10px;
+  padding: 8px 5px 2px 5px;
+
+  min-height: 250px;
+  min-width:  200px;
+
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: auto auto auto auto auto 1fr auto;
+  grid-column-gap: 15px;
+  grid-row-gap: 2px;
+}
+
+.prgv_right_key {
+  font-weight: bold;
+}
+
+.prgv_right_value a {
+  color: $COL_TEXT_DARK;
+  text-decoration: none;
+}
+
+.prgv_right_value a:hover {
+  color: #339;
+  text-decoration: none;
+}
+
+.prgv_right_comb {
+  grid-column: 1 / span 2;
+}
+
+.prgv_right_lang {
+  display: flex;
+  justify-content: right;
+}
+
+.prgv_dl_btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  background: #222;
+  color: $COL_TEXT_NORMAL;
+  text-decoration: none;
+  border: 1px solid #000;
+
+  margin: 5px 0;
+}
+
+.prgv_dl_download { background: #442222; }
+.prgv_dl_github   { background: $COL_GITHUB; }
+
+.prgv_dl_btn:hover {
+  cursor: pointer;
+  background-color: #555;
+}
+
+.prgv_dl_btn svg {
+  width: 14pt;
+  height: 14pt;
+  margin: 0 4px;
+
+  fill: $COL_TEXT_NORMAL;
+}
+
+.prgv_dl_btn span {
+  flex-grow: 1;
+  text-align: center;
+
+  font-size: 14pt;
+}
+
+.prgv_right_lang img {
+  display: inline;
+  height: 16pt;
+  max-width: 32px;
+  margin: 1px 2px 0 2px;
+}
+
+.prgv_center {
+  margin: 0 8px 8px 8px;
+  padding: 16px;
+  background: #EEE;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+}
+
+.prgv_sep {
+  margin: 40px 0 40px 0;
+  display: block;
+  border: none;
+  color: white;
+  height: 1px;
+  background: #666666FF;
+  background: -moz-radial-gradient(   circle, #666,    #FFFFFF00);
+  background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%);
+}
\ No newline at end of file
diff --git a/www/data/images/README.md b/www/data/images/README.md
new file mode 100644
index 0000000..f94a167
--- /dev/null
+++ b/www/data/images/README.md
@@ -0,0 +1,7 @@
+Sources:
+
+ - https://github.com/simple-icons/simple-icons
+ - https://fontawesome.com/icons/download?style=solid
+ - https://fontawesome.com/icons/home?style=solid
+ - https://fontawesome.com/icons/book?style=solid
+ 
\ No newline at end of file
diff --git a/www/data/images/icons.svg b/www/data/images/icons.svg
new file mode 100644
index 0000000..5e62200
--- /dev/null
+++ b/www/data/images/icons.svg
@@ -0,0 +1,11 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path id="amazon"      class="svg_path" d="M.045 18.02c.072-.116.187-.124.348-.022 3.636 2.11 7.594 3.166 11.87 3.166 2.852 0 5.668-.533 8.447-1.595l.315-.14c.138-.06.234-.1.293-.13.226-.088.39-.046.525.13.12.174.09.336-.12.48-.256.19-.6.41-1.006.654-1.244.743-2.64 1.316-4.185 1.726-1.53.406-3.045.61-4.516.61-2.265 0-4.41-.396-6.435-1.187-2.02-.794-3.82-1.91-5.43-3.35-.1-.074-.15-.15-.15-.22 0-.047.02-.09.05-.13zm6.565-6.218c0-1.005.247-1.863.743-2.577.495-.71 1.17-1.25 2.04-1.615.796-.335 1.756-.575 2.912-.72.39-.046 1.033-.103 1.92-.174v-.37c0-.93-.105-1.558-.3-1.875-.302-.43-.78-.65-1.44-.65h-.182c-.48.046-.896.196-1.246.46-.35.27-.575.63-.675 1.096-.06.3-.206.465-.435.51l-2.52-.315c-.248-.06-.372-.18-.372-.39 0-.046.007-.09.022-.15.247-1.29.855-2.25 1.82-2.88.976-.616 2.1-.975 3.39-1.05h.54c1.65 0 2.957.434 3.888 1.29.135.15.27.3.405.48.12.165.224.314.283.45.075.134.15.33.195.57.06.254.105.42.135.51.03.104.062.3.076.615.01.313.02.493.02.553v5.28c0 .376.06.72.165 1.036.105.313.21.54.315.674l.51.674c.09.136.136.256.136.36 0 .12-.06.226-.18.314-1.2 1.05-1.86 1.62-1.963 1.71-.165.135-.375.15-.63.045-.195-.166-.375-.332-.526-.496l-.31-.347c-.06-.074-.166-.21-.317-.42l-.3-.435c-.81.886-1.603 1.44-2.4 1.665-.494.15-1.093.227-1.83.227-1.11 0-2.04-.343-2.76-1.034-.72-.69-1.08-1.665-1.08-2.94l-.05-.076zm3.753-.438c0 .566.14 1.02.425 1.364.285.34.675.512 1.155.512.045 0 .106-.007.195-.02.09-.016.134-.023.166-.023.614-.16 1.08-.553 1.424-1.178.165-.28.285-.58.36-.91.09-.32.12-.59.135-.8.015-.195.015-.54.015-1.005v-.54c-.84 0-1.484.06-1.92.18-1.275.36-1.92 1.17-1.92 2.43l-.035-.02zm9.162 7.027c.03-.06.075-.11.132-.17.362-.243.714-.41 1.05-.5.55-.133 1.09-.222 1.612-.24.14-.012.28 0 .41.03.65.06 1.05.168 1.172.33.063.09.09.228.09.39v.15c0 .51-.14 1.11-.415 1.8-.278.69-.664 1.248-1.156 1.68-.073.06-.14.09-.197.09-.03 0-.06 0-.09-.012-.09-.044-.107-.12-.064-.24.54-1.26.806-2.143.806-2.64 0-.15-.03-.27-.087-.344-.145-.166-.55-.257-1.224-.257-.243 0-.533.016-.87.046-.363.045-.7.09-1 .135-.09 0-.148-.014-.18-.044-.03-.03-.036-.047-.02-.077 0-.017.006-.03.02-.063v-.06z"/>
+    <path id="apple"       class="svg_path" d="M7.078 23.55c-.473-.316-.893-.703-1.244-1.15-.383-.463-.738-.95-1.064-1.454-.766-1.12-1.365-2.345-1.78-3.636-.5-1.502-.743-2.94-.743-4.347 0-1.57.34-2.94 1.002-4.09.49-.9 1.22-1.653 2.1-2.182.85-.53 1.84-.82 2.84-.84.35 0 .73.05 1.13.15.29.08.64.21 1.07.37.55.21.85.34.95.37.32.12.59.17.8.17.16 0 .39-.05.645-.13.145-.05.42-.14.81-.31.386-.14.692-.26.935-.35.37-.11.728-.21 1.05-.26.39-.06.777-.08 1.148-.05.71.05 1.36.2 1.94.42 1.02.41 1.843 1.05 2.457 1.96-.26.16-.5.346-.725.55-.487.43-.9.94-1.23 1.505-.43.77-.65 1.64-.644 2.52.015 1.083.29 2.035.84 2.86.387.6.904 1.114 1.534 1.536.31.21.582.355.84.45-.12.375-.252.74-.405 1.1-.347.807-.76 1.58-1.25 2.31-.432.63-.772 1.1-1.03 1.41-.402.48-.79.84-1.18 1.097-.43.285-.935.436-1.452.436-.35.015-.7-.03-1.034-.127-.29-.095-.576-.202-.856-.323-.293-.134-.596-.248-.905-.34-.38-.1-.77-.148-1.164-.147-.4 0-.79.05-1.16.145-.31.088-.61.196-.907.325-.42.175-.695.29-.855.34-.324.096-.656.154-.99.175-.52 0-1.004-.15-1.486-.45zm6.854-18.46c-.68.34-1.326.484-1.973.436-.1-.646 0-1.31.27-2.037.24-.62.56-1.18 1-1.68.46-.52 1.01-.95 1.63-1.26.66-.34 1.29-.52 1.89-.55.08.68 0 1.35-.25 2.07-.228.64-.568 1.23-1 1.76-.435.52-.975.95-1.586 1.26z"/>
+    <path id="download"    class="svg_path" d="M10.125 0h3.75c.623 0 1.125.502 1.125 1.125v7.875h4.111c.834 0 1.252 1.008.661 1.598L12.642 17.733c-.352.352-.928.352-1.28 0L4.223 10.598c-.591-.591-.173-1.598.661-1.598H9V1.125c0-.623.502-1.125 1.125-1.125zm13.875 17.625v5.25c0 .623-.502 1.125-1.125 1.125H1.125c-.623 0-1.125-.502-1.125-1.125V17.625c0-.623.502-1.125 1.125-1.125h6.877l2.297 2.297c.942.942 2.461.942 3.403 0l2.297-2.297H22.875c.623 0 1.125.502 1.125 1.125zm-5.812 4.125c0-.516-.422-.937-.937-.937s-.937.422-.937.938 .422.938 .938.938 .938-.422.938-.937zm3 0c0-.516-.422-.937-.937-.937s-.937.422-.937.938 .422.938 .938.938 .938-.422.938-.937z"/>
+    <path id="github"      class="svg_path" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+    <path id="playstore"   class="svg_path" d="M1.22 0c-.03.093-.06.185-.06.308v23.229c0 .217.061.34.184.463l11.415-12.093L1.22 0zm12.309 12.708l2.951 3.045-4.213 2.4s-5.355 3.044-8.308 4.739l9.57-10.184zm.801-.831l3.166 3.292c.496-.276 4.371-2.492 4.924-2.8.584-.338.525-.8.029-1.046-.459-.255-4.334-2.475-4.92-2.835l-3.203 3.392.004-.003zm-.803-.8l2.984-3.169-4.259-2.431S5.309 1.505 2.999.179l10.53 10.898h-.002z"/>
+    <path id="home"        class="svg_path" d="M20.331 14.354V20.325c0 .554-.446 1-1 1H14.498c-.275 0-.5-.225-.5-.5V16.158c0-.275-.225-.5-.5-.5h-3c-.275 0-.5.225-.5.5v4.667c0 .275-.225.5-.5.5H4.665c-.554 0-1-.446-1-1V14.354c0-.15.067-.292.183-.388l7.833-6.45c.183-.15.45-.15.637 0l7.833 6.45c.113.096 .179.238 .179.388zm3.483-2.538L20.331 8.946V3.175c0-.275-.225-.5-.5-.5h-2.333c-.275 0-.5.225-.5.5V6.2l-3.729-3.071c-.737-.608-1.804-.608-2.542 0L.181 11.817c-.212.175-.242.492-.067.704l1.063 1.292c.175.213 .492.242 .704.067l9.8-8.071c.183-.15.45-.15.637 0l9.8 8.071c.213.175 .529.146 .704-.067l1.063-1.292c.175-.217.142-.529-.071-.704z"/>
+    <path id="sourceforge" class="svg_path" d="M2.43 11.361c0-.372.303-.705.675-.705h6.968c.271-.003.486-.219.486-.488V8.713c0-.27-.219-.487-.488-.487H2.43C1.088 8.227 0 9.314 0 10.654v2.695c0 1.342 1.086 2.431 2.426 2.431h5.021c.372 0 .676.331.676.706v1.282c0 .371-.304.707-.676.707H.486c-.271 0-.485.217-.485.486v1.453c0 .268.216.486.485.486H8.13c1.34 0 2.426-1.087 2.426-2.427v-2.697c0-1.34-1.086-2.428-2.427-2.428H3.104c-.372 0-.675-.334-.675-.704v-1.283zm21.088-3.13h-5.024V5.525h5.02c.266 0 .483-.217.483-.486V3.585c0-.271-.215-.486-.484-.486h-5.019c-1.34 0-2.427 1.087-2.427 2.427v2.706H13.74c-.27 0-.484.218-.484.485v1.459c0 .268.216.484.483.484h2.325v7.953c0 .24.099.284.303.284.488 0 2.124-.91 2.124-1.688v-6.551h5.024c.266 0 .484-.218.484-.484v-1.46c0-.266-.219-.483-.484-.483h.003z"/>
+    <path id="wiki"        class="svg_path" d="M22.5 16.875V1.125c0-.623-.502-1.125-1.125-1.125H6C3.516 0 1.5 2.016 1.5 4.5v15c0 2.484 2.016 4.5 4.5 4.5h15.375c.623 0 1.125-.502 1.125-1.125v-.75c0-.352-.164-.67-.417-.877-.197-.722-.197-2.78 0-3.502.253-.202.417-.52.417-.872zM7.5 6.281c0-.155.127-.281.281-.281h9.938c.155 0 .281.127 .281.281v.938c0 .155-.127.281-.281.281H7.781c-.155 0-.281-.127-.281-.281v-.937zm0 3c0-.155.127-.281.281-.281h9.938c.155 0 .281.127 .281.281v.938c0 .155-.127.281-.281.281H7.781c-.155 0-.281-.127-.281-.281v-.937zm11.878 11.719H6c-.83 0-1.5-.67-1.5-1.5 0-.825.675-1.5 1.5-1.5h13.378c-.089.802-.089 2.198 0 3z"/>
+    <path id="windows"     class="svg_path" d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801"/>
+</svg>
\ No newline at end of file
diff --git a/www/data/images/program_thumbnails/All in One.png b/www/data/images/program_thumbnails/All_in_One.png
similarity index 100%
rename from www/data/images/program_thumbnails/All in One.png
rename to www/data/images/program_thumbnails/All_in_One.png
diff --git a/www/data/images/program_thumbnails/Borderline Defense.png b/www/data/images/program_thumbnails/BorderlineDefense.png
similarity index 100%
rename from www/data/images/program_thumbnails/Borderline Defense.png
rename to www/data/images/program_thumbnails/BorderlineDefense.png
diff --git a/www/data/images/program_thumbnails/ClipCorn.png b/www/data/images/program_thumbnails/ClipCorn.png
deleted file mode 100644
index 02fc2e7..0000000
Binary files a/www/data/images/program_thumbnails/ClipCorn.png and /dev/null differ
diff --git a/www/data/images/program_thumbnails/Crystal Grid.png b/www/data/images/program_thumbnails/CrystalGrid.png
similarity index 100%
rename from www/data/images/program_thumbnails/Crystal Grid.png
rename to www/data/images/program_thumbnails/CrystalGrid.png
diff --git a/www/data/images/program_thumbnails/Dynamic Link Fighters.png b/www/data/images/program_thumbnails/DLF.png
similarity index 100%
rename from www/data/images/program_thumbnails/Dynamic Link Fighters.png
rename to www/data/images/program_thumbnails/DLF.png
diff --git a/www/data/images/program_thumbnails/Deal or no Deal.png b/www/data/images/program_thumbnails/Deal_or_no_Deal.png
similarity index 100%
rename from www/data/images/program_thumbnails/Deal or no Deal.png
rename to www/data/images/program_thumbnails/Deal_or_no_Deal.png
diff --git a/www/data/images/program_thumbnails/Graveyard of Numbers.png b/www/data/images/program_thumbnails/Graveyard_of_Numbers.png
similarity index 100%
rename from www/data/images/program_thumbnails/Graveyard of Numbers.png
rename to www/data/images/program_thumbnails/Graveyard_of_Numbers.png
diff --git a/www/data/images/program_thumbnails/Infinity Tournament.png b/www/data/images/program_thumbnails/InfinityTournament.png
similarity index 100%
rename from www/data/images/program_thumbnails/Infinity Tournament.png
rename to www/data/images/program_thumbnails/InfinityTournament.png
diff --git a/www/data/images/program_thumbnails/Keygen Dancer.png b/www/data/images/program_thumbnails/KeygenDancer.png
similarity index 100%
rename from www/data/images/program_thumbnails/Keygen Dancer.png
rename to www/data/images/program_thumbnails/KeygenDancer.png
diff --git a/www/data/images/program_thumbnails/LAN-Control.png b/www/data/images/program_thumbnails/LanControl.png
similarity index 100%
rename from www/data/images/program_thumbnails/LAN-Control.png
rename to www/data/images/program_thumbnails/LanControl.png
diff --git a/www/data/images/program_thumbnails/Niripsa.png b/www/data/images/program_thumbnails/Niripsa.png
deleted file mode 100644
index 2897e71..0000000
Binary files a/www/data/images/program_thumbnails/Niripsa.png and /dev/null differ
diff --git a/www/data/images/program_thumbnails/Penner-Bot.png b/www/data/images/program_thumbnails/Penner-Bot.png
deleted file mode 100644
index 9841231..0000000
Binary files a/www/data/images/program_thumbnails/Penner-Bot.png and /dev/null differ
diff --git a/www/data/images/program_thumbnails/Smart Directory Lister.png b/www/data/images/program_thumbnails/SDL.png
similarity index 100%
rename from www/data/images/program_thumbnails/Smart Directory Lister.png
rename to www/data/images/program_thumbnails/SDL.png
diff --git a/www/data/images/program_thumbnails/Sieb des Eratosthenes.png b/www/data/images/program_thumbnails/Sieb_des_Eratosthenes.png
similarity index 100%
rename from www/data/images/program_thumbnails/Sieb des Eratosthenes.png
rename to www/data/images/program_thumbnails/Sieb_des_Eratosthenes.png
diff --git a/www/data/images/program_thumbnails/Wikipedia - The Game.png b/www/data/images/program_thumbnails/Wikipedia - The Game.png
deleted file mode 100644
index 5a2b3f7..0000000
Binary files a/www/data/images/program_thumbnails/Wikipedia - The Game.png and /dev/null differ
diff --git a/www/fragments/blogview_euler_list.php b/www/fragments/blogview_euler_list.php
index 0d5c166..ad465f6 100644
--- a/www/fragments/blogview_euler_list.php
+++ b/www/fragments/blogview_euler_list.php
@@ -8,7 +8,7 @@ $problems = Euler::listAll();
 
 ?>
 
-<div class="blogcontent bc_euler bc_markdown">
+<div class="blogcontent bc_euler base_markdown">
 
     <div style="position: relative;">
         <a href="https://github.com/Mikescher/Project-Euler_Befunge" style="position: absolute; top: 0; right: 0; border: 0;">
@@ -41,6 +41,10 @@ $problems = Euler::listAll();
                 Similar to most Befunge content on this site I only used the Befunge-93 instruction-set but ignored the 80x25 size restriction.<br />
                 Still I tries to keep the programs in the Befunge-93 grid size, but that wasn't possible for all. So I guess some programs are <i>technically</i> Befunge-98.
             </p>
+            <p>
+                Also the original <a href="https://github.com/catseye/Befunge-93/blob/master/doc/Befunge-93.markdown">befunge-93 spec</a> didn't specify the word size of the stack or the grid<br />
+                So, while most programs run happily with 32bit integers some need an interpreter that supports 64bit integers for both stack and grid.
+            </p>
         </blockquote>
         <p>
             I have a included javascript runner here, but for one I only enabled it for programs of reasonable sizes (a few soutions had source files in the megabyte range).<br/>
diff --git a/www/fragments/blogview_euler_single.php b/www/fragments/blogview_euler_single.php
index 0b30eed..ead1eb0 100644
--- a/www/fragments/blogview_euler_single.php
+++ b/www/fragments/blogview_euler_single.php
@@ -25,7 +25,7 @@ $max = ceil($max / 20) * 20;
 
 ?>
 
-<div class="blogcontent bc_euler bc_markdown">
+<div class="blogcontent bc_euler base_markdown">
 
     <div style="position: relative;">
         <a href="https://github.com/Mikescher/Project-Euler_Befunge" style="position: absolute; top: 0; right: 0; border: 0;">
diff --git a/www/fragments/blogview_markdown.php b/www/fragments/blogview_markdown.php
index efd341c..14a5fa4 100644
--- a/www/fragments/blogview_markdown.php
+++ b/www/fragments/blogview_markdown.php
@@ -4,7 +4,7 @@ require_once (__DIR__ . '/../internals/blog.php');
 require_once (__DIR__ . '/../internals/ParsedownCustom.php');
 ?>
 
-<div class="blogcontent bc_markdown">
+<div class="blogcontent base_markdown">
 
 	<div class="bc_header">
 		<?php echo $post['date']; ?>
diff --git a/www/fragments/footer.php b/www/fragments/footer.php
index ebb1d2a..060bca4 100644
--- a/www/fragments/footer.php
+++ b/www/fragments/footer.php
@@ -1,4 +1,4 @@
 <div id="footerdiv" class="content-responsive">
     <hr />
-    made with vanilla PHP and MySQL<span class="footerspan2">, no frameworks, no bootstrap, no unnecessary javascript</span>
+    made with vanilla PHP and MySQL<span class="footerspan2">, no frameworks, no bootstrap, no unnecessary* javascript</span>
 </div>
\ No newline at end of file
diff --git a/www/fragments/programspanel.php b/www/fragments/programspanel.php
index 4c94b62..aaa9a06 100644
--- a/www/fragments/programspanel.php
+++ b/www/fragments/programspanel.php
@@ -7,7 +7,7 @@
 <div class="programs_pnl_base">
 
 	<div class="programs_pnl_header">
-        <a href="/programs">Newest Programs by me</a>
+        <a href="/programs">Newly added software</a>
 	</div>
 	<div class="programs_pnl_content">
 
diff --git a/www/index.php b/www/index.php
index c368f7b..dc2529a 100644
--- a/www/index.php
+++ b/www/index.php
@@ -129,7 +129,7 @@ try {
 			else if ($value === '%URL%')
 			{
 				if (!isset($urlparams[$optname])) { $match = false; break; }
-				$value = $urlparams[$optname];
+				$value = urldecode($urlparams[$optname]);
 			}
 
 			$opt[strtolower($optname)] = $value;
@@ -169,3 +169,8 @@ try {
 //TODO gzip (?)
 //TODO better gh widget
 //TODO remove db table prefixes
+//TODO euler insert+show 32bit | 64bit mode
+//TODO euler best of on top of list (?)
+//TODO optimize image sizes for display/download (? - auto?)
+//TODO send cache header (?)
+//TODO programs add [license]
\ No newline at end of file
diff --git a/www/internals/programs.php b/www/internals/programs.php
index 1e7f208..9cb6389 100644
--- a/www/internals/programs.php
+++ b/www/internals/programs.php
@@ -5,7 +5,7 @@ class Programs
 	public static function readSingle($a)
 	{
 		$a['thumbnail_url']        = '/data/images/program_thumbnails/' . $a['internal_name'] . '.png';
-		$a['file_longdescription'] = (__DIR__ . '/../statics/programs/' . $a['internal_name'] . '_descrition.md');
+		$a['file_longdescription'] = (__DIR__ . '/../statics/programs/' . $a['internal_name'] . '_description.md');
 		$a['url']                  = '/programs/view/' . $a['internal_name'];
 
 		return $a;
@@ -31,4 +31,18 @@ class Programs
 		$a = require (__DIR__ . '/../statics/updates/programupdates.php');
 		return $a;
 	}
+
+	public static function getProgramByInternalName($id)
+	{
+		foreach (self::listAll() as $prog) {
+			if (strcasecmp($prog['internal_name'], $id) === 0) return $prog;
+			if ($prog['internal_name_alt'] !== null && strcasecmp($prog['internal_name_alt'], $id) === 0) return $prog;
+		}
+		return null;
+	}
+
+	public static function getProgramDescription($prog)
+	{
+		return file_get_contents($prog['file_longdescription']);
+	}
 }
\ No newline at end of file
diff --git a/www/pages/programs_list.php b/www/pages/programs_list.php
index 4327973..d38ac86 100644
--- a/www/pages/programs_list.php
+++ b/www/pages/programs_list.php
@@ -37,18 +37,19 @@ $allprograms = Programs::listAllNewestFirst($filter);
 				foreach (explode('|', $prog['ui_language']) as $lang) $uilang .= '<img src="'.convertLanguageToFlag($lang).'" alt="'.$lang.'" />';
 
 				echo '<a class="prgl_elem" href="'.$prog['url'].'">';
-				echo '<div class="prgl_elem_left">';
-				echo '<img src="' . $prog['thumbnail_url'] . '" alt="Thumbnail '  . $prog['name'] . '" />';
-				echo '</div>';
-				echo '<div class="prgl_elem_right">';
-				echo '<div class="prgl_elem_title">' . htmlspecialchars($prog['name']) . '</div>';
-				echo '<div class="prgl_elem_info">';
-				echo '<div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">Date:</span><span class="prgl_elem_subinfo_data">'.$prog['add_date'].'</span></div>';
-				echo '<div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">Language:</span><span class="prgl_elem_subinfo_data">'.$prog['prog_language'].'</span></div>';
-				echo '<div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">UI Language:</span><span class="prgl_elem_subinfo_data">'.$uilang.'</span></div>';
-				echo '<div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">Category:</span><span class="prgl_elem_subinfo_data">'.$prog['category'].'</span></div>';
-				echo '</div>';
-				echo '</div>';
+				echo '  <div class="prgl_elem_left">';
+				echo '    <img src="' . $prog['thumbnail_url'] . '" alt="Thumbnail '  . $prog['name'] . '" />';
+				echo '  </div>';
+				echo '  <div class="prgl_elem_right">';
+				echo '    <div class="prgl_elem_title">' . htmlspecialchars($prog['name']) . '</div>';
+				echo '    <div class="prgl_elem_sdesc">' . htmlspecialchars($prog['short_description']) . '</div>';
+				echo '    <div class="prgl_elem_info">';
+				echo '      <div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">Date:</span><span class="prgl_elem_subinfo_data">'.$prog['add_date'].'</span></div>';
+				echo '      <div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">Language:</span><span class="prgl_elem_subinfo_data">'.$prog['prog_language'].'</span></div>';
+				echo '      <div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">UI Language:</span><span class="prgl_elem_subinfo_data">'.$uilang.'</span></div>';
+				echo '      <div class="prgl_elem_subinfo"><span class="prgl_elem_subinfo_caption">Category:</span><span class="prgl_elem_subinfo_data">'.$prog['category'].'</span></div>';
+				echo '    </div>';
+				echo '  </div>';
 				echo '</a>' . "\n";
             }
 			echo '</div>' . "\n";
diff --git a/www/pages/programs_view.php b/www/pages/programs_view.php
new file mode 100644
index 0000000..c4b8a3e
--- /dev/null
+++ b/www/pages/programs_view.php
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<?php
+require_once (__DIR__ . '/../internals/base.php');
+require_once (__DIR__ . '/../internals/programs.php');
+require_once (__DIR__ . '/../internals/ParsedownCustom.php');
+
+$internalname = $OPTIONS['id'];
+
+$prog = Programs::getProgramByInternalName($internalname);
+
+if ($prog === NULL) httpError(404, 'Program not found');
+
+
+?>
+<head>
+	<meta charset="utf-8">
+	<title>Mikescher.com - <?php echo $prog['name']; ?></title>
+	<link rel="icon" type="image/png" href="/data/images/favicon.png"/>
+	<link rel="canonical" href="https://www.mikescher.com/programs/view/<?php echo $prog['internal_name']; ?>"/>
+	<?php printCSS(); ?>
+</head>
+<body>
+<div id="mastercontainer">
+
+	<?php $HEADER_ACTIVE = 'programs'; include (__DIR__ . '/../fragments/header.php'); ?>
+
+	<div id="content" class="content-responsive">
+
+		<div class="blockcontent">
+
+			<div class="prgv_content">
+
+				<div class="contentheader" id="prgv_header"><h1><?php echo htmlspecialchars($prog['name']); ?></h1><hr/></div>
+
+				<div class="prgv_top">
+					<div class="prgv_left">
+						<img src="<?php echo $prog['thumbnail_url']; ?>" alt="Thumbnail (<?php echo $prog['name'] ?>)" />
+					</div>
+					<div class="prgv_right">
+						<div class="prgv_right_key"   style="grid-row:1">Name:</div>
+						<div class="prgv_right_value" style="grid-row:1"><a href="<?php echo $prog['url']; ?>"><?php echo htmlspecialchars($prog['name']) ?></a></div>
+
+						<div class="prgv_right_key"   style="grid-row:2">Language:</div>
+						<div class="prgv_right_value" style="grid-row:2"><?php echo htmlspecialchars($prog['prog_language']) ?></div>
+
+						<div class="prgv_right_key"   style="grid-row:3">Category:</div>
+						<div class="prgv_right_value" style="grid-row:3"><?php echo htmlspecialchars($prog['category']) ?></div>
+
+						<div class="prgv_right_key"   style="grid-row:4">Date:</div>
+						<div class="prgv_right_value" style="grid-row:4"><?php echo htmlspecialchars($prog['add_date']) ?></div>
+
+						<div class="prgv_right_comb"  style="grid-row:5">
+							<?php
+							foreach ($prog['urls'] as $type => $url)
+							{
+								if ($type === 'download')       echo '<a class="prgv_dl_btn prgv_dl_download"    href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#download"   /></svg><span>Download</span></a>';
+								if ($type === 'github')         echo '<a class="prgv_dl_btn prgv_dl_github"      href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#github"     /></svg><span>Github</span></a>';
+								if ($type === 'homepage')       echo '<a class="prgv_dl_btn prgv_dl_homepage"    href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#home"       /></svg><span>Homepage</span></a>';
+								if ($type === 'wiki')           echo '<a class="prgv_dl_btn prgv_dl_wiki"        href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#wiki"       /></svg><span>Wiki</span></a>';
+								if ($type === 'playstore')      echo '<a class="prgv_dl_btn prgv_dl_playstore"   href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#playstore"  /></svg><span>Google Playstore</span></a>';
+								if ($type === 'amazonappstore') echo '<a class="prgv_dl_btn prgv_dl_amznstore"   href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#amazon"     /></svg><span>Amazon Appstore</span></a>';
+								if ($type === 'windowsstore')   echo '<a class="prgv_dl_btn prgv_dl_winstore"    href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#windows"    /></svg><span>Microsoft Store</span></a>';
+								if ($type === 'itunesstore')    echo '<a class="prgv_dl_btn prgv_dl_appstore"    href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#apple"      /></svg><span>App Store</span></a>';
+								if ($type === 'sourceforge')    echo '<a class="prgv_dl_btn prgv_dl_sourceforge" href="'.$url.'"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><use xlink:href="/data/images/icons.svg#sourceforge"/></svg><span>Sourceforge</span></a>';
+							}
+							?>
+						</div>
+
+						<div class="prgv_right_comb prgv_right_lang" style="grid-row:7">
+							<?php
+							foreach (explode('|', $prog['ui_language']) as $lang)
+							{
+								echo '<img src="'.convertLanguageToFlag($lang).'" title="'.$lang.'" alt="'.$lang[0].'" />' . "\n";
+							}
+							?>
+						</div>
+					</div>
+				</div>
+
+				<hr class="prgv_sep" />
+
+				<div class="prgv_center base_markdown">
+					<?php
+					$pd = new ParsedownCustom();
+					echo $pd->text(Programs::getProgramDescription($prog));
+					?>
+				</div>
+
+			</div>
+
+		</div>
+
+	</div>
+
+	<?php include (__DIR__ . '/../fragments/footer.php');  ?>
+
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/www/statics/blog/js_befrunner.md b/www/statics/blog/js_befrunner.md
index f9ec329..0a3ae61 100644
--- a/www/statics/blog/js_befrunner.md
+++ b/www/statics/blog/js_befrunner.md
@@ -6,7 +6,7 @@ The code is note really optimized and will only run on newer browsers, but it's
 Press **[Start]** to run the code, **[Edit]** to change the code and change the interpreter speed with the button on the right side of the **[Start]** button.
 
 
-~~~befungerunner__speed-2
+~~~befungerunner__speed-1
 0".omed s"v
           "                       >v
           i                        8
diff --git a/www/statics/programs/AlephNote_description.md b/www/statics/programs/AlephNote_description.md
index 811bbc7..d656087 100644
--- a/www/statics/programs/AlephNote_description.md
+++ b/www/statics/programs/AlephNote_description.md
@@ -1,5 +1,3 @@
-# AlephNote
-
 An extensible, lightweight desktop note client for multiple back-ends
 
 ![](https://raw.githubusercontent.com/Mikescher/AlephNote/master/docs/preview.png)  
diff --git a/www/statics/programs/All in One_description.md b/www/statics/programs/All_in_One_description.md
similarity index 100%
rename from www/statics/programs/All in One_description.md
rename to www/statics/programs/All_in_One_description.md
diff --git a/www/statics/programs/BefunUtils_description.md b/www/statics/programs/BefunUtils_description.md
index a567031..0ee4278 100644
--- a/www/statics/programs/BefunUtils_description.md
+++ b/www/statics/programs/BefunUtils_description.md
@@ -1,6 +1,3 @@
-BefunUtils
-========
-
 This is my collection of tools, libraries and transcompilers for the esoteric programming language [Befunge](http://esolangs.org/wiki/Befunge).	
 
 It consists of the following core components:
diff --git a/www/statics/programs/Borderline Defense_description.md b/www/statics/programs/BorderlineDefense_description.md
similarity index 100%
rename from www/statics/programs/Borderline Defense_description.md
rename to www/statics/programs/BorderlineDefense_description.md
diff --git a/www/statics/programs/Crystal Grid_description.md b/www/statics/programs/CrystalGrid_description.md
similarity index 100%
rename from www/statics/programs/Crystal Grid_description.md
rename to www/statics/programs/CrystalGrid_description.md
diff --git a/www/statics/programs/Dynamic Link Fighters_description.md b/www/statics/programs/DLF_description.md
similarity index 100%
rename from www/statics/programs/Dynamic Link Fighters_description.md
rename to www/statics/programs/DLF_description.md
diff --git a/www/statics/programs/Deal or no Deal_description.md b/www/statics/programs/Deal_or_no_Deal_description.md
similarity index 100%
rename from www/statics/programs/Deal or no Deal_description.md
rename to www/statics/programs/Deal_or_no_Deal_description.md
diff --git a/www/statics/programs/Graveyard of Numbers_description.md b/www/statics/programs/Graveyard_of_Numbers_description.md
similarity index 100%
rename from www/statics/programs/Graveyard of Numbers_description.md
rename to www/statics/programs/Graveyard_of_Numbers_description.md
diff --git a/www/statics/programs/Infinity Tournament_description.md b/www/statics/programs/InfinityTournament_description.md
similarity index 84%
rename from www/statics/programs/Infinity Tournament_description.md
rename to www/statics/programs/InfinityTournament_description.md
index db1f043..def08d8 100644
--- a/www/statics/programs/Infinity Tournament_description.md	
+++ b/www/statics/programs/InfinityTournament_description.md
@@ -1,4 +1,4 @@
-A while ago a friend and I developed a game for school. It was a Towerdefence game and i think it was pretty nice.  
+A long time ago a friend and I developed a game for school. It was a Towerdefence game and i think it was pretty nice.  
 The problem was that we developed it in Greenfoot - and we reached pretty fast the limitations of this framework.
 
 So after all that I decided to rewrite it completely new in my own game-framework [absCanvas](/programs/view/absCanvas).  
diff --git a/www/statics/programs/Keygen Dancer_description.md b/www/statics/programs/KeygenDancer_description.md
similarity index 100%
rename from www/statics/programs/Keygen Dancer_description.md
rename to www/statics/programs/KeygenDancer_description.md
diff --git a/www/statics/programs/LAN-Control_description.md b/www/statics/programs/LanControl_description.md
similarity index 100%
rename from www/statics/programs/LAN-Control_description.md
rename to www/statics/programs/LanControl_description.md
diff --git a/www/statics/programs/LightShow_description.md b/www/statics/programs/LightShow_description.md
index e2e0dec..7e845c9 100644
--- a/www/statics/programs/LightShow_description.md
+++ b/www/statics/programs/LightShow_description.md
@@ -1,2 +1,2 @@
-LIghtShow generates literally a light show with the LED's on your keyboard. I'm not really sure if this has any practical use, but it looks kinda nice.  
+LightShow generates literally a light show with the LED's on your keyboard. I'm not really sure if this has any practical use, but it looks kinda nice.  
 Perhaps you could impress someone with the cool things your keybaord is able to do
\ No newline at end of file
diff --git a/www/statics/programs/Smart Directory Lister_description.md b/www/statics/programs/SDL_description.md
similarity index 100%
rename from www/statics/programs/Smart Directory Lister_description.md
rename to www/statics/programs/SDL_description.md
diff --git a/www/statics/programs/Sieb des Eratosthenes_description.md b/www/statics/programs/Sieb_des_Eratosthenes_description.md
similarity index 100%
rename from www/statics/programs/Sieb des Eratosthenes_description.md
rename to www/statics/programs/Sieb_des_Eratosthenes_description.md
diff --git a/www/statics/programs/__all.php b/www/statics/programs/__all.php
index 206eba9..a843e5a 100644
--- a/www/statics/programs/__all.php
+++ b/www/statics/programs/__all.php
@@ -5,6 +5,7 @@ return
 	[
 		'name'              => 'absCanvas',
 		'internal_name'     => 'absCanvas',
+		'internal_name_alt' => null,
 		'category'          => 'Engine',
 		'stars'             => 3,
 		'ui_language'       => 'English',
@@ -20,12 +21,13 @@ return
 
 	[
 		'name'              => 'All in One',
-		'internal_name'     => 'All in One',
+		'internal_name'     => 'All_in_One',
+		'internal_name_alt' => 'All in One',
 		'category'          => 'Tool',
 		'stars'             => 1,
 		'ui_language'       => 'German',
 		'prog_language'     => 'Delphi',
-		'short_description' => 'A little \"swiss army knife\" programm with over 100 different functionalities',
+		'short_description' => 'A little "swiss army knife" programm with over 100 different functionalities',
 		'add_date'          => '2008-11-26',
 		'urls'              =>
 			[
@@ -37,6 +39,7 @@ return
 	[
 		'name'              => 'Beepster',
 		'internal_name'     => 'Beepster',
+		'internal_name_alt' => null,
 		'category'          => 'Hoax',
 		'stars'             => 0,
 		'ui_language'       => 'English',
@@ -53,11 +56,12 @@ return
 	[
 		'name'              => 'BefunUtils',
 		'internal_name'     => 'BefunUtils',
+		'internal_name_alt' => null,
 		'category'          => 'Compiler',
 		'stars'             => 4,
 		'ui_language'       => 'English',
 		'prog_language'     => 'C#',
-		'short_description' => 'My selfmade Code-to-Befunge93 compiler, with a few little extras.',
+		'short_description' => 'My collection of befunge93 tools. Including an interpreter, a transpiler, an compiler, an highlighter and more',
 		'add_date'          => '2014-08-04',
 		'urls'              =>
 			[
@@ -70,11 +74,12 @@ return
 	[
 		'name'              => 'BefunZ',
 		'internal_name'     => 'BefunZ',
+		'internal_name_alt' => null,
 		'category'          => 'Interpreter',
 		'stars'             => 3,
 		'ui_language'       => 'English',
 		'prog_language'     => 'C#',
-		'short_description' => 'A Befunge-93 Interpreter compatible with Befunge-98 dimensions.',
+		'short_description' => 'A (very) simple visual Befunge-93 commandline interpreter',
 		'add_date'          => '2013-05-03',
 		'urls'              =>
 			[
@@ -86,6 +91,7 @@ return
 	[
 		'name'              => 'Blitzer',
 		'internal_name'     => 'Blitzer',
+		'internal_name_alt' => null,
 		'category'          => 'Hoax',
 		'stars'             => 0,
 		'ui_language'       => 'English',
@@ -101,7 +107,8 @@ return
 
 	[
 		'name'              => 'Borderline Defense',
-		'internal_name'     => 'Borderline Defense',
+		'internal_name'     => 'BorderlineDefense',
+		'internal_name_alt' => 'Borderline Defense',
 		'category'          => 'Game',
 		'stars'             => 4,
 		'ui_language'       => 'English',
@@ -118,7 +125,8 @@ return
 
 	[
 		'name'              => 'Crystal Grid',
-		'internal_name'     => 'Crystal Grid',
+		'internal_name'     => 'CrystalGrid',
+		'internal_name_alt' => 'Crystal Grid',
 		'category'          => 'Game',
 		'stars'             => 4,
 		'ui_language'       => 'English',
@@ -134,7 +142,8 @@ return
 
 	[
 		'name'              => 'Deal or no Deal',
-		'internal_name'     => 'Deal or no Deal',
+		'internal_name'     => 'Deal_or_no_Deal',
+		'internal_name_alt' => 'Deal or no Deal',
 		'category'          => 'Game',
 		'stars'             => 0,
 		'ui_language'       => 'German',
@@ -150,7 +159,8 @@ return
 
 	[
 		'name'              => 'Dynamic Link Fighters',
-		'internal_name'     => 'Dynamic Link Fighters',
+		'internal_name'     => 'DLF',
+		'internal_name_alt' => 'Dynamic Link Fighters',
 		'category'          => 'Game',
 		'stars'             => 1,
 		'ui_language'       => 'English|German',
@@ -167,6 +177,7 @@ return
 	[
 		'name'              => 'exeExtract',
 		'internal_name'     => 'exeExtract',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 0,
 		'ui_language'       => 'English',
@@ -183,11 +194,12 @@ return
 	[
 		'name'              => 'ExtendedGitGraph',
 		'internal_name'     => 'ExtendedGitGraph',
+		'internal_name_alt' => null,
 		'category'          => 'Library',
 		'stars'             => 2,
 		'ui_language'       => 'English',
 		'prog_language'     => 'PHP',
-		'short_description' => 'A simple php module to display a overview of you github commits',
+		'short_description' => 'A simple php module to display an overview of you github commits',
 		'add_date'          => '2014-06-08',
 		'urls'              =>
 			[
@@ -198,12 +210,13 @@ return
 
 	[
 		'name'              => 'Graveyard of Numbers',
-		'internal_name'     => 'Graveyard of Numbers',
+		'internal_name'     => 'Graveyard_of_Numbers',
+		'internal_name_alt' => 'Graveyard of Numbers',
 		'category'          => 'Tool',
 		'stars'             => 0,
 		'ui_language'       => 'German',
 		'prog_language'     => 'Delphi',
-		'short_description' => 'A little tool to continuously rename files.',
+		'short_description' => 'A little tool to rename multiple files with increasing numbers.',
 		'add_date'          => '2008-10-01',
 		'urls'              =>
 			[
@@ -215,6 +228,7 @@ return
 	[
 		'name'              => 'H²O',
 		'internal_name'     => 'H2O',
+		'internal_name_alt' => null,
 		'category'          => 'Game',
 		'stars'             => 2,
 		'ui_language'       => 'English',
@@ -231,6 +245,7 @@ return
 	[
 		'name'              => 'HexSolver',
 		'internal_name'     => 'HexSolver',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 5,
 		'ui_language'       => 'English',
@@ -247,7 +262,8 @@ return
 
 	[
 		'name'              => 'Infinity Tournament',
-		'internal_name'     => 'Infinity Tournament',
+		'internal_name'     => 'InfinityTournament',
+		'internal_name_alt' => 'Infinity Tournament',
 		'category'          => 'Game',
 		'stars'             => 4,
 		'ui_language'       => 'English',
@@ -264,6 +280,7 @@ return
 	[
 		'name'              => 'jCircuits',
 		'internal_name'     => 'jCircuits',
+		'internal_name_alt' => null,
 		'category'          => 'Simulation',
 		'stars'             => 4,
 		'ui_language'       => 'English',
@@ -281,6 +298,7 @@ return
 	[
 		'name'              => 'jClipCorn',
 		'internal_name'     => 'jClipCorn',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 4,
 		'ui_language'       => 'English|German',
@@ -299,11 +317,12 @@ return
 	[
 		'name'              => 'jQCCounter',
 		'internal_name'     => 'jQCCounter',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 3,
 		'ui_language'       => 'English',
 		'prog_language'     => 'Java',
-		'short_description' => 'A little tool to find the \"line of codes\" of multiple projects',
+		'short_description' => 'A little tool to find the "line of codes" of multiple projects',
 		'add_date'          => '2014-04-27',
 		'urls'              =>
 			[
@@ -315,7 +334,8 @@ return
 
 	[
 		'name'              => 'Keygen Dancer',
-		'internal_name'     => 'Keygen Dancer',
+		'internal_name'     => 'KeygenDancer',
+		'internal_name_alt' => 'Keygen Dancer',
 		'category'          => 'Gadget',
 		'stars'             => 2,
 		'ui_language'       => 'English',
@@ -331,7 +351,8 @@ return
 
 	[
 		'name'              => 'LAN-Control',
-		'internal_name'     => 'LAN-Control',
+		'internal_name'     => 'LanControl',
+		'internal_name_alt' => 'LAN-Control',
 		'category'          => 'Network administration',
 		'stars'             => 1,
 		'ui_language'       => 'German',
@@ -348,11 +369,12 @@ return
 	[
 		'name'              => 'LightShow',
 		'internal_name'     => 'LightShow',
+		'internal_name_alt' => null,
 		'category'          => 'Hoax',
 		'stars'             => 0,
 		'ui_language'       => 'German',
 		'prog_language'     => 'Delphi',
-		'short_description' => 'Turn you keyboard-LED\"s into a little lightshow',
+		'short_description' => 'Turn you keyboard LED\'s into a little lightshow',
 		'add_date'          => '2008-10-12',
 		'urls'              =>
 			[
@@ -364,6 +386,7 @@ return
 	[
 		'name'              => 'Logistixx',
 		'internal_name'     => 'Logistixx',
+		'internal_name_alt' => null,
 		'category'          => 'Mathematics',
 		'stars'             => 1,
 		'ui_language'       => 'German',
@@ -380,11 +403,12 @@ return
 	[
 		'name'              => 'NedSchend',
 		'internal_name'     => 'NedSchend',
+		'internal_name_alt' => null,
 		'category'          => 'Hoax',
 		'stars'             => 1,
 		'ui_language'       => 'German',
 		'prog_language'     => 'Delphi',
-		'short_description' => 'Send anonymous messages over the Windows Messenger service to other pc\"s in your LAN',
+		'short_description' => 'Send anonymous messages over the Windows Messenger service to other pc\'s in your LAN',
 		'add_date'          => '2009-02-11',
 		'urls'              =>
 			[
@@ -396,6 +420,7 @@ return
 	[
 		'name'              => 'Passpad',
 		'internal_name'     => 'Passpad',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 3,
 		'ui_language'       => 'English',
@@ -413,11 +438,12 @@ return
 	[
 		'name'              => 'Serpilicum',
 		'internal_name'     => 'Serpilicum',
+		'internal_name_alt' => null,
 		'category'          => 'Game',
 		'stars'             => 3,
 		'ui_language'       => 'English',
 		'prog_language'     => 'C++',
-		'short_description' => 'A crazy little Snake with an \"Console\" Style',
+		'short_description' => 'A crazy little snake with an "console" style',
 		'add_date'          => '2013-07-08',
 		'urls'              =>
 			[
@@ -430,6 +456,7 @@ return
 	[
 		'name'              => 'SharkSim',
 		'internal_name'     => 'SharkSim',
+		'internal_name_alt' => null,
 		'category'          => 'Simulation',
 		'stars'             => 3,
 		'ui_language'       => 'English',
@@ -445,12 +472,13 @@ return
 
 	[
 		'name'              => 'Sieb des Eratosthenes',
-		'internal_name'     => 'Sieb des Eratosthenes',
+		'internal_name'     => 'Sieb_des_Eratosthenes',
+		'internal_name_alt' => 'Sieb des Eratosthenes',
 		'category'          => 'Mathematics',
 		'stars'             => 1,
 		'ui_language'       => 'German',
 		'prog_language'     => 'Delphi',
-		'short_description' => 'Visualize the prime number calculation with the Sieve of Erastothenes algorithm.',
+		'short_description' => 'Visualize the prime number calculation with the Sieve Of Erastothenes algorithm.',
 		'add_date'          => '2009-01-22',
 		'urls'              =>
 			[
@@ -461,7 +489,8 @@ return
 
 	[
 		'name'              => 'Smart Directory Lister',
-		'internal_name'     => 'Smart Directory Lister',
+		'internal_name'     => 'SDL',
+		'internal_name_alt' => 'Smart Directory Lister',
 		'category'          => 'Tool',
 		'stars'             => 2,
 		'ui_language'       => 'German',
@@ -478,6 +507,7 @@ return
 	[
 		'name'              => 'SuperBitBros',
 		'internal_name'     => 'SuperBitBros',
+		'internal_name_alt' => null,
 		'category'          => 'Game',
 		'stars'             => 4,
 		'ui_language'       => 'English',
@@ -495,6 +525,7 @@ return
 	[
 		'name'              => 'TicTacToe',
 		'internal_name'     => 'TicTacToe',
+		'internal_name_alt' => null,
 		'category'          => 'Game',
 		'stars'             => 1,
 		'ui_language'       => 'English',
@@ -511,6 +542,7 @@ return
 	[
 		'name'              => 'Ziegenproblem',
 		'internal_name'     => 'Ziegenproblem',
+		'internal_name_alt' => null,
 		'category'          => 'Mathematics',
 		'stars'             => 0,
 		'ui_language'       => 'German',
@@ -527,6 +559,7 @@ return
 	[
 		'name'              => 'Quick HiddenFolder Toggle',
 		'internal_name'     => 'QuickHiddenFolderToggle',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 3,
 		'ui_language'       => 'English',
@@ -544,6 +577,7 @@ return
 	[
 		'name'              => 'Cannon Conquest',
 		'internal_name'     => 'CannonConquest',
+		'internal_name_alt' => null,
 		'category'          => 'Game',
 		'stars'             => 5,
 		'ui_language'       => 'English|German|French|Italian|Spanish',
@@ -564,6 +598,7 @@ return
 	[
 		'name'              => 'AlephNote',
 		'internal_name'     => 'AlephNote',
+		'internal_name_alt' => null,
 		'category'          => 'Tool',
 		'stars'             => 5,
 		'ui_language'       => 'English',
@@ -572,7 +607,7 @@ return
 		'add_date'          => '2017-02-26',
 		'urls'              =>
 			[
-				'download'    => 'https://github.com/Mikescher/AlephNote//releases',
+				'download'    => 'https://github.com/Mikescher/AlephNote/releases',
 				'github'      => 'https://github.com/Mikescher/AlephNote/',
 				'homepage'    => 'https://mikescher.github.io/AlephNote/',
 			],