Neues Design, ähnlich Homeserver

[ChrisP]

Was für ein iPhone ist das? Irgendwie sieht die Auflösung seltsam aus. Auch die Statusleiste fehlt oder hast du die nur weggeschnitten?

iphone5. hab ich weggeschnitten

[2ndsky]

Das sollte so nicht sein. Aus der ferne schwer zu sagen. Haben es die anderen hier auch auf dem iPhone am laufen? Hat das bei euch auf anhieb geklappt?

Welchen Browser verwendest du? Und wie fit bist du am PC? Sonst könntest du dir die Seite am PC ansehen, das Browserfenster kleiner machen, dann sollte das Menü rechts eigentlich verschwinden. Wenn nicht, mal in der Entwicklerkonsole/Firebug schauen, welches CSS auf das rechte Panel angewandt wird.

[sirgalahad4]

Hallo Niko,

ich habe deine Quad am IPhone 4 laufen. Irgendwann (vor dem Stammtisch in WÜ - Okt. 13) wurde etwas geädert, somit hatte ich die gleichen Probleme. Ich habe hier einer deiner ersten Updates wieder kopiert und habe nur noch ein kleineres Problem mit der Darstellung (siehe Anhang).

Gruß Enrico

[2ndsky]

Hm, okay... ich hab eben nochmal meinen aktuellen Stand gepusht. Die Änderungen sind schon ne weile her, keine Ahnung was ich da genau geändert habe

[ChrisP]

funktioniert.
danke

[henfri]

Hallo Niko,

Hm, okay... ich hab eben nochmal meinen aktuellen Stand gepusht. Die Änderungen sind schon ne weile her, keine Ahnung was ich da genau geändert habe

danke dafür.
Ich habe mir jetzt nur die base.html und visu.css heruntergeladen, denn der Rest der Änderungen sind ja nur die *.html, die ja nur für dein Haus passen :-)

Allerdings habe ich dadurch jetzt keinen Quad mehr. Alle vier Quadranten liegen untereinander :-(

Habe ich eine Datei übersehen?

Gruß,
Hendrik

[2ndsky]

Strange... auf welchen Endgeräten? Pagecache und Browsercache geleert?

[henfri]

Hallo,

Endgeräte waren ein sehr kleines Android Handy und aber auch ein PC mit Chrome.

Ich habe wahrscheinlich den Pagecache nicht gelöscht. Jetzt bekomme ich nämlich stattdessen eine Twig Fehlermeldung:

Error accoured in twig-template engine!

error: Unexpected character "&"
file:  base.html
line:  584

Das (Zeile 584) ist das hier

                    <div class="code-body highlight"><pre><div class='line' id='LC1'>/**</div><div class='line' id='LC2'>&nbsp;* -----------------------------------------------------------------------------</div><div class='line' id='LC3'>&nbsp;* @package     smartVISU</div><div class='line' id='LC4'>&nbsp;* @author      Martin Gleiß</div><div class='line' id='LC5'>&nbsp;* @copyright   2012</div><div class='line' id='LC6'>&nbsp;* @license     GPL <span class="nt">&lt;http:</span><span class="err">//</span><span class="na">www</span><span class="err">.</span><span class="na">gnu</span><span class="err">.</span><span class="na">de</span><span class="nt">&gt;</span></div><div class='line' id='LC7'>&nbsp;* ----------------------------------------------------------------------------- </div><div class='line' id='LC8'>&nbsp;*/</div><div class='line' id='LC9'><span class="cp">&lt;!DOCTYPE html&gt;</span> </div><div class='line' id='LC10'><br/></div><div class='line' id='LC11'><span class="nt">&lt;html&gt;</span> </div><div class='line' id='LC12'><span class="nt">&lt;head&gt;</span> </div><div class='line' id='LC13'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;title&gt;</span>{{ config_title }}<span class="nt">&lt;/title&gt;</span> </div><div class='line' id='LC14'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC15'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;meta</span> <span class="na">charset=</span><span class="s">&quot;utf-8&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC16'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;viewport&quot;</span> <span class="na">content=</span><span class="s">&quot;user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC17'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;apple-mobile-web-app-capable&quot;</span> <span class="na">content=</span><span class="s">&quot;yes&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC18'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;meta</span> <span class="na">name=</span><span class="s">&quot;apple-mobile-web-app-status-bar-style&quot;</span> <span class="na">content=</span><span class="s">&quot;black-translucent&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC19'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;meta</span> <span class="na">http-equiv=</span><span class="s">&quot;expires&quot;</span> <span class="na">content=</span><span class="s">&quot;0&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC20'><br/></div><div class='line' id='LC21'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;icon&quot;</span> <span class="na">href=</span><span class="s">&quot;favicon.png&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC22'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;icon&quot;</span> <span class="na">href=</span><span class="s">&quot;favicon.ico&quot;</span> <span class="na">type=</span><span class="s">&quot;image/x-icon&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC23'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;apple-touch-icon&quot;</span> <span class="na">href=</span><span class="s">&quot;favicon.png&quot;</span> <span class="nt">/&gt;</span>              </div><div class='line' id='LC24'><br/></div><div class='line' id='LC25'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">href=</span><span class="s">&quot;vendor/jquery.mobile/jquery.mobile.structure-1.3.2.min.css&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC26'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;vendor/jquery/jquery-2.0.3.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC27'><br/></div><div class='line' id='LC28'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% if config_transition != 'fade' %}</div><div class='line' id='LC29'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span><span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s2">&quot;mobileinit&quot;</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span> <span class="nx">$</span><span class="p">.</span><span class="nx">mobile</span><span class="p">.</span><span class="nx">defaultPageTransition</span> <span class="o">=</span> <span class="s1">'{{ config_transition }}'</span><span class="p">;</span> <span class="p">});</span><span class="nt">&lt;/script&gt;</span>{% endif %}</div><div class='line' id='LC30'><br/></div><div class='line' id='LC31'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;vendor/jquery.mobile/jquery.mobile-1.3.2.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC32'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;lib/base/jquery.mobile.slider.{{ config_js }}&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC33'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;lib/base/jquery.idle-timer.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC34'><br/></div><div class='line' id='LC35'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;vendor/plot.highcharts/highcharts.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC36'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;designs/{{ config_design }}.{{ config_js }}&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC37'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;widgets/widget.{{ config_js }}&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC38'><br/></div><div class='line' id='LC39'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;vendor/jquery.mobile.datebox/jqm-datebox-1.1.0.core.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC40'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;vendor/jquery.mobile.datebox/jqm-datebox-1.1.0.css&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC41'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;vendor/jquery.mobile.datebox/jqm-datebox-1.1.0.mode.flipbox.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC42'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;vendor/jquery.mobile.datebox/jquery.mobile.datebox.i18n.de.utf8.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC43'><br/></div><div class='line' id='LC44'>&nbsp;&nbsp;&nbsp;&nbsp;{% if config_animation %}</div><div class='line' id='LC45'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;widgets/animation.{{ config_js }}&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>{% endif %}</div><div class='line' id='LC46'><br/></div><div class='line' id='LC47'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;lib/base/base.{{ config_js }}&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC48'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;lib/base/base.php&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC49'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;driver/io_{{ config_driver }}.{{ config_js }}&quot;</span><span class="nt">&gt;&lt;/script&gt;</span></div><div class='line' id='LC50'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC51'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;designs/{{ config_design }}.min.css&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC52'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;pages/base/base.css&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC53'><br/></div><div class='line' id='LC54'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% if isfile('pages/'~config_pages~'/visu.js') %}</div><div class='line' id='LC55'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span> <span class="na">src=</span><span class="s">&quot;pages/{{ config_pages }}/visu.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>{% endif %}</div><div class='line' id='LC56'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;pages/{{ config_pages }}/qlock.css&quot;</span> <span class="nt">/&gt;</span></div><div class='line' id='LC57'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC58'>&nbsp;&nbsp;&nbsp;&nbsp;{% if isfile('pages/'~config_pages~'/visu.css') %}</div><div class='line' id='LC59'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;link</span> <span class="na">rel=</span><span class="s">&quot;stylesheet&quot;</span> <span class="na">type=</span><span class="s">&quot;text/css&quot;</span> <span class="na">href=</span><span class="s">&quot;pages/{{ config_pages }}/visu.css&quot;</span> <span class="nt">/&gt;</span>{% endif %}</div><div class='line' id='LC60'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC61'>&nbsp;&nbsp;&nbsp;&nbsp;{% block head %}{% endblock %}</div><div class='line' id='LC62'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC63'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% import &quot;lib.html&quot; as lib %}</div><div class='line' id='LC64'>&nbsp;&nbsp;&nbsp;&nbsp;{% import &quot;basic.html&quot; as basic %}</div><div class='line' id='LC65'>&nbsp;&nbsp;&nbsp;&nbsp;{% import &quot;device.html&quot; as device %}  </div><div class='line' id='LC66'>&nbsp;&nbsp;&nbsp;&nbsp;{% import &quot;plot.html&quot; as plot %}        </div><div class='line' id='LC67'>&nbsp;&nbsp;&nbsp;&nbsp;{% import &quot;icon.html&quot; as icon %}        </div><div class='line' id='LC68'><span class="nt">&lt;/head&gt;</span> </div><div class='line' id='LC69'><br/></div><div class='line' id='LC70'><br/></div><div class='line' id='LC71'><span class="nt">&lt;body&gt;</span> </div><div class='line' id='LC72'><span class="nt">&lt;script </span><span class="na">type=</span><span class="s">&quot;text/javascript&quot;</span><span class="nt">&gt;</span> </div><div class='line' id='LC73'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">io</span><span class="p">.</span><span class="nx">init</span><span class="p">(</span><span class="s1">'{{ config_driver_address }}'</span><span class="p">,</span> <span class="s1">'{{ config_driver_port }}'</span><span class="p">);</span></div><div class='line' id='LC74'>&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC75'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="c1">// Do some actions before page is shown</span></div><div class='line' id='LC76'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">'pagebeforeshow'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC77'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">widget</span><span class="p">.</span><span class="nx">prepare</span><span class="p">();</span></div><div class='line' id='LC78'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">});</span></div><div class='line' id='LC79'>&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC80'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="c1">// Run the io and all widgets</span></div><div class='line' id='LC81'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">$</span><span class="p">(</span><span class="nb">document</span><span class="p">).</span><span class="nx">on</span><span class="p">(</span><span class="s1">'pageshow'</span><span class="p">,</span> <span class="kd">function</span><span class="p">(){</span></div><div class='line' id='LC82'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">io</span><span class="p">.</span><span class="nx">run</span><span class="p">({{</span> <span class="nx">config_driver_realtime</span> <span class="p">}});</span></div><div class='line' id='LC83'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="c1">// console.log('[io] run');       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div class='line' id='LC84'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">notify</span><span class="p">.</span><span class="nx">display</span><span class="p">();</span></div><div class='line' id='LC85'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="c1">// widget.list();</span></div><div class='line' id='LC86'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="p">});</span></div><div class='line' id='LC87'><br/></div><div class='line' id='LC88'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nx">$</span><span class="p">.</span><span class="nx">mobile</span><span class="p">.</span><span class="nx">page</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">options</span><span class="p">.</span><span class="nx">domCache</span> <span class="o">=</span> <span class="p">{{</span> <span class="p">(</span><span class="nx">config_cache_dom</span> <span class="o">?</span> <span class="s1">'true'</span> <span class="o">:</span> <span class="s1">'false'</span><span class="p">)</span>  <span class="p">}};</span></div><div class='line' id='LC89'><span class="nt">&lt;/script&gt;</span>  </div><div class='line' id='LC90'><br/></div><div class='line' id='LC91'><span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">&quot;page&quot;</span> <span class="na">id=</span><span class="s">&quot;{{ page }}&quot;</span> <span class="na">data-theme=</span><span class="s">&quot;a&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC92'><br/></div><div class='line' id='LC93'>&nbsp;&nbsp;&nbsp;&nbsp;{% block page %}</div><div class='line' id='LC94'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">&quot;header&quot;</span> <span class="na">data-position=</span><span class="s">&quot;fixed&quot;</span> <span class="na">data-tap-toggle=</span><span class="s">&quot;false&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC95'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;h1&gt;</span></div><div class='line' id='LC96'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block title %}{% endblock %}</div><div class='line' id='LC97'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/h1&gt;</span></div><div class='line' id='LC98'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;ui-left&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC99'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% include 'menu.html' %}</div><div class='line' id='LC100'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC101'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;ui-right&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC102'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block header %}{% endblock %}</div><div class='line' id='LC103'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC104'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;signal hide&quot;</span> <span class="na">onClick=</span><span class="s">&quot;$('.ui-page-active .alert').popup('open');&quot;</span><span class="nt">&gt;&lt;/div&gt;</span></div><div class='line' id='LC105'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;alert&quot;</span> <span class="na">data-role=</span><span class="s">&quot;popup&quot;</span> <span class="na">data-overlay-theme=</span><span class="s">&quot;a&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC106'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">&quot;header&quot;</span> <span class="na">data-theme=</span><span class="s">&quot;c&quot;</span><span class="nt">&gt;&lt;h1&gt;&lt;/h1&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;</span></div><div class='line' id='LC107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;control&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC108'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;span</span> <span class="na">class=</span><span class="s">&quot;stamp&quot;</span><span class="nt">&gt;&lt;/span&gt;</span></div><div class='line' id='LC109'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;a</span> <span class="na">onClick=</span><span class="s">&quot;notify.remove();&quot;</span> <span class="na">class=</span><span class="s">&quot;ui-mini&quot;</span> <span class="na">data-icon=</span><span class="s">&quot;check&quot;</span> <span class="na">data-iconpos=</span><span class="s">&quot;top&quot;</span> <span class="na">data-role=</span><span class="s">&quot;button&quot;</span> <span class="na">data-inline=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;</span>OK<span class="nt">&lt;/a&gt;</span></div><div class='line' id='LC110'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;a</span> <span class="na">onClick=</span><span class="s">&quot;$('.alert').popup('close');&quot;</span> <span class="na">class=</span><span class="s">&quot;ui-mini&quot;</span> <span class="na">class=</span><span class="s">&quot;ui-mini&quot;</span> <span class="na">data-icon=</span><span class="s">&quot;delete&quot;</span> <span class="na">data-iconpos=</span><span class="s">&quot;top&quot;</span> <span class="na">data-role=</span><span class="s">&quot;button&quot;</span> <span class="na">data-inline=</span><span class="s">&quot;true&quot;</span><span class="nt">&gt;</span>Cancel<span class="nt">&lt;/a&gt;</span></div><div class='line' id='LC111'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    <span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC112'><br/></div><div class='line' id='LC113'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC114'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC115'>&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC116'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">data-role=</span><span class="s">&quot;content&quot;</span> <span class="na">class=</span><span class="s">&quot;page-bg&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC117'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block content_all %}</div><div class='line' id='LC118'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;content-primary&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC119'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block content %}</div><div class='line' id='LC120'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;nw_quad&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC121'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block quad_main_top %}{% endblock %}</div><div class='line' id='LC122'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC123'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;nw_quad nw_min_tablet&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC124'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block quad_main_bottom %}{% endblock %}</div><div class='line' id='LC125'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC126'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endblock %}</div><div class='line' id='LC127'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC128'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div><div class='line' id='LC129'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;content-secondary&quot;</span><span class="nt">&gt;</span> </div><div class='line' id='LC130'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block sidebar %}</div><div class='line' id='LC131'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;nw_quad&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC132'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block quad_top %}{% endblock %}</div><div class='line' id='LC133'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC134'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;nw_quad&quot;</span><span class="nt">&gt;</span></div><div class='line' id='LC135'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block quad_bottom %}{% endblock %}</div><div class='line' id='LC136'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC137'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endblock %}</div><div class='line' id='LC138'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC139'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% endblock %}</div><div class='line' id='LC140'>&nbsp;&nbsp;&nbsp;&nbsp;<span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC141'><br/></div><div class='line' id='LC142'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{% block footer %}{% endblock %}</div><div class='line' id='LC143'><br/></div><div class='line' id='LC144'>&nbsp;&nbsp;&nbsp;&nbsp;{% endblock %}</div><div class='line' id='LC145'><br/></div><div class='line' id='LC146'><span class="nt">&lt;/div&gt;</span></div><div class='line' id='LC147'><br/></div><div class='line' id='LC148'><span class="nt">&lt;/body&gt;</span></div><div class='line' id='LC149'><span class="nt">&lt;/html&gt;</span></div></pre></div>

Komisch, oder?

Gruß,
Hendrik

[henfri]

Ich glaub ich hab's...
Melde mich.

[henfri]

Hallo,

ja, ich hab's:
wget https://raw.github.com/2ndsky/quad/master/visu.css
funktioniert besser als:
wget https://github.com/2ndsky/quad/blob/master/visu.css

:-)

Wie wäre denn eigentlich das richtige Vorgehen, via git? Ich möchte ja nicht die ganzen Haus-spezifischen *.html herunterladen.

Gruß,
Hendrik

[2ndsky]

Wenn du das Repo hast kannst du mit git checkout filename auch nur einzelne Dateien holen.

[sirgalahad4]

Danke, passt wieder.

Gruß Enrico

[henfri]

Ok, danke.

Hier läuft's jetzt auch wie gewünscht!

[Apollo]

Oder warten bis es im Release ist. Quad ist derzeit noch Beta.

Gruss

[lio123]

Hallo,

kurze Frage, oder habe ich da was überlesen?
Wie wende ich die Quad-Visu an, also wie mache ich sie?

Man kann die ja nicht auswählen, wie die anderen Pages...


P.S.: ich habe den Rasp mit dem Image.

Danke und Gruß,
Lio