Antalya: Difference between revisions

From Antalya
Jump to: navigation, search
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
[[Image:antalya.jpg|class=img-responsive]]
[[Image:antalya.jpg|class=img-responsive]]
 
<div class="jumbotron">
==Welcome to Antalya==
==Welcome to Antalya==
This wiki is for experimenting with styles and elements of [https://www.mediawiki.org/wiki/MediaWiki Mediawiki] with the [https://tweeki.kollabor.at/wiki/Welcome Tweeki] style to be used at [http://www.iis.ee.ethz.ch Integrated Systems Laboratory of ETH Zurich].
This wiki is for experimenting with styles and elements of [https://www.mediawiki.org/wiki/Help:Formatting  Mediawiki] with the [https://tweeki.kollabor.at/wiki/Welcome Tweeki] style that includes [https://getbootstrap.com/docs/3.4/getting-started/#examples Bootstrap functionality] to be used at [http://www.iis.ee.ethz.ch Integrated Systems Laboratory of ETH Zurich].
 
===Tests===
 
====Tabs====
How to process each file in a directory
<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>
</div>


====Carousel====
===What to find here===
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
====[[UNIX]]====
  <!-- Indicators -->
Tips and trick on how to work with Unix<BR>
  <ol class="carousel-indicators">
:[[Basic UNIX commands|Basic commands]], [[Regular Expressions]]  
    <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>
----
====Grids====
<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><!-- 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 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><!-- End of col 2-->


</div><!-- End of row 2-->
====[[Presentations]]====
If you work in a technical field, you will be asked to present your work quite often. Here is what worked for me<BR>
: Topics
====[[Photography]]====
I love taking pictures and here I explain a few things I learned over the years<BR>
:[[Cameras]], [[Lenses]], [[Buying advice for amateur photographers|Buying Guide]]

Latest revision as of 17:18, 2 December 2020

Antalya.jpg

Welcome to Antalya

This wiki is for experimenting with styles and elements of Mediawiki with the Tweeki style that includes Bootstrap functionality to be used at Integrated Systems Laboratory of ETH Zurich.

What to find here

UNIX

Tips and trick on how to work with Unix

Basic commands, Regular Expressions

Presentations

If you work in a technical field, you will be asked to present your work quite often. Here is what worked for me

Topics

Photography

I love taking pictures and here I explain a few things I learned over the years

Cameras, Lenses, Buying Guide