|
|
| Line 5: |
Line 5: |
| </div> | | </div> |
|
| |
|
| | | === Content === |
| ===Tests=== | | <div class="flex-row row"> |
| | | <div class="col-xs-12 col-md-4 col-lg-4"> |
| <kbd>CTRL+A</kbd>
| | <div class="alert alert-success"> |
| | | ====[[Unix]]==== |
| <div class="media"> | | Tips and trick on how to work with Unix |
| <div class="media-left"> | | ---- |
| [[File:manul.jpg|200px]]
| | [[Basic UNIX commands|Basic commands]], [[Regular Expressions]] |
| </div>
| |
| <div class="media-body"> | |
| <h3 class="media-heading">Manul</h3>
| |
| here is a longer paragraph on how cute a Manul is.
| |
| </div>
| |
| </div> | | </div> |
| | </div><!-- End of col 1--> |
|
| |
|
| | <div class="col-xs-12 col-md-4 col-lg-4"> |
| | <div class="alert alert-danger"> |
| | ====[[Presentations]]==== |
|
| |
|
| ====Tabs====
| | ---- |
| How to process each file in a directory
| | Topics |
| <ul class="nav nav-tabs">
| |
| <li class="active"><btn data-toggle="tab" class="primary">#tab-csh|Csh</btn></li>
| |
| <li><btn data-toggle="tab" class="primary">#tab-bash|Bash</btn></li>
| |
| </ul>
| |
| | |
| <div class="tab-content">
| |
| <div id="tab-csh" class="tab-pane fade in active">
| |
| <syntaxhighlight lang="csh">
| |
| #! /bin/tcsh
| |
| foreach i (*.jpg)
| |
| echo $i
| |
| end
| |
| </syntaxhighlight>
| |
| </div>
| |
| <div id="tab-bash" class="tab-pane fade">
| |
| <syntaxhighlight lang="bash">
| |
| #!/bin/bash
| |
| for i in *.jpg do
| |
| echo $i
| |
| done
| |
| </syntaxhighlight>
| |
| </div>
| |
| </div>
| |
| | |
| | |
| | |
| ====Syntax Highlight====
| |
| <syntaxhighlight lang="perl" line start="55" highlight="1,3-5">
| |
| #! /usr/sepp/bin/perl -w
| |
| # v0.2 - <kgf@ee.ethz.ch> - Mon Nov 30 16:57:53 CET 2009
| |
| | |
| use strict;
| |
| | |
| #usage ./create_pwl.pl 101010101111 > a.pwl
| |
| | |
| ### PARAMETERS TO CHANGE
| |
| my $RISE = 100e-12;
| |
| | |
| ## READ INPUT
| |
| my $bits= shift(@ARGV) or die "usage ./create_pwl.pl bitstream > file \n";
| |
| if ($bits !~ m/^[01.]+$/){ die "bitpattern <$bits> should only contain 1s or 0s and also dots\n"}
| |
| $bits=~s/\.//g;
| |
| | |
| ##FIRST POINT IS 0
| |
| printf("%10e %4.2f\n",$T,$VLOW);
| |
| | |
| ## DO WE HAVE A DELAY ??
| |
| if ($START gt $T){
| |
| $T = $START;
| |
| printf("%10e %4.2f\n",$T,$VLOW);
| |
| | |
| }
| |
| </syntaxhighlight>
| |
| | |
| ====Accordion====
| |
| <div class="panel-group" id="Maintopics">
| |
| <accordion parent="Maintopics" heading="Photography" class="in">
| |
| Here will be pages on photography
| |
| </accordion>
| |
| <accordion parent="Maintopics" heading="Unix">
| |
| Tips and tricks for Unix tools
| |
| </accordion>
| |
| </div>
| |
| | |
| ====Carousel====
| |
| <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
| |
| <!-- Indicators -->
| |
| <ol class="carousel-indicators">
| |
| <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
| |
| <li data-target="#carousel-example-generic" data-slide-to="1"></li>
| |
| <li data-target="#carousel-example-generic" data-slide-to="2"></li>
| |
| </ol>
| |
| | |
| <!-- Wrapper for slides -->
| |
| <div class="carousel-inner" role="listbox">
| |
| <div class="item active">
| |
| [[File:otter.jpg|link=Mainpage|class=img-responsive]]
| |
| <div class="carousel-caption">
| |
| <h3 style="color: white">Otter</h3>
| |
| </div>
| |
| </div>
| |
| <div class="item">
| |
| [[File:manul.jpg|link=Mainpage|class=img-responsive]]
| |
| <div class="carousel-caption">
| |
| <h3 style="color: white">Baby Manul</h3>
| |
| </div>
| |
| </div>
| |
| <div class="item">
| |
| [[File:redpanda.jpg|link=Mainpage|class=img-responsive]]
| |
| <div class="carousel-caption">
| |
| <h3 style="color: white">Red Panda</h3>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!-- Controls removed -->
| |
| </div> | | </div> |
| | </div><!-- End of col 2--> |
| | <div class="col-xs-12 col-md-4 col-lg-4"> |
| | <div class="alert alert-warning"> |
| | ====[[Photography]]==== |
| | Doesn't matter what method you use, your image will get manipulated at many levels even if you do are not aware of it. |
| ---- | | ---- |
| ====Grids====
| | [[Cameras]], [[Lenses]], [[Buying advice for amateur photographers|Buying Guide]] |
| <div class="flex-row row">
| |
| <div class="col-xs-12 col-md-6 col-lg-4">
| |
| <div class="panel panel-default">
| |
| <div class="panel-heading">See cute otter</div>
| |
| <div class="panel-body">[[File:otter.jpg|class=img-responsive| link=]]
| |
| And some text here to explain stuff
| |
| </div> | | </div> |
|
| |
| </div><!-- End of pan -->
| |
| </div><!-- end of col 1-->
| |
|
| |
| <div class="col-xs-12 col-md-6 col-lg-4">
| |
| <div class="panel panel-default">
| |
| <div class="panel-heading"><strong>Title 2</strong></div>
| |
| <div class="panel-body">[[File:manul.jpg|class=img-responsive| link=]]
| |
| </div>
| |
| <div class="panel-footer">Footer text 2</div>
| |
| </div><!-- End of pan -->
| |
| </div><!-- End of col 2-->
| |
|
| |
| <div class="col-xs-12 col-md-6 col-lg-4">
| |
| [[File:redpanda.jpg|class=img-responsive| link=]]
| |
| It could be much more simpler
| |
| </div><!-- End of col 3--> | | </div><!-- End of col 3--> |
|
| |
| </div><!-- End of row 1-->
| |
|
| |
| -----
| |
|
| |
| <div class="flex-row row">
| |
| <div class="col-xs-12 col-md-4 col-lg-4">
| |
| And some text here to explain stuff
| |
| </div><!-- end of col 1-->
| |
|
| |
| <div class="col-xs-12 col-md-8 col-lg-8">
| |
| <div id="carousel-example2" class="carousel slide" data-ride="carousel">
| |
| <!-- Indicators -->
| |
| <ol class="carousel-indicators">
| |
| <li data-target="#carousel-example2" data-slide-to="0" class="active"></li>
| |
| <li data-target="#carousel-example2" data-slide-to="1"></li>
| |
| <li data-target="#carousel-example2" data-slide-to="2"></li>
| |
| </ol>
| |
|
| |
| <!-- Wrapper for slides -->
| |
| <div class="carousel-inner" role="listbox">
| |
| <div class="item active">
| |
| [[File:otter.jpg|link=Mainpage|class=img-responsive]]
| |
| <div class="carousel-caption">
| |
| <h3 style="color: white">Otter</h3>
| |
| </div>
| |
| </div>
| |
| <div class="item">
| |
| [[File:manul.jpg|link=Mainpage|class=img-responsive]]
| |
| <div class="carousel-caption">
| |
| <h3 style="color: white">Baby Manul</h3>
| |
| </div>
| |
| </div>
| |
| <div class="item">
| |
| [[File:redpanda.jpg|link=Mainpage|class=img-responsive]]
| |
| <div class="carousel-caption">
| |
| <h3 style="color: white">Red Panda</h3>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <!-- Controls removed -->
| |
| </div> | | </div> |
|
| |
| </div><!-- End of col 2-->
| |
| </div><!-- End of row 2-->
| |
|
| |
| ====Rest====
| |
