Split into several columns
This commit is contained in:
parent
3e98322981
commit
61132dbbc7
339
home.html
339
home.html
@ -4,6 +4,10 @@
|
||||
<title>Sondage VIRLI</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||
<style>
|
||||
.checkbox, .radio { margin-top: 0; }
|
||||
.panel-heading { font-weight: bolder; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="container">
|
||||
<h1>Virtualisation légère — SRS 2017</h1>
|
||||
@ -14,182 +18,189 @@
|
||||
|
||||
<form method="post" action="vote">
|
||||
|
||||
<div class="form-group">
|
||||
<h3>Quel est le cours/TP que vous avez préféré ?</h3>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r1">
|
||||
Docker, premiers pas
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r2">
|
||||
Docker, avancé
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r3">
|
||||
Linux Internal part 1 : procfs, capabilities, cgroups
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r4">
|
||||
Linux Internal part 2 : namespaces, mount, networking
|
||||
</label>
|
||||
<div class="form-group panel panel-default">
|
||||
<div class="panel-heading">Quel est le cours/TP que vous avez préféré ?</div>
|
||||
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r1">
|
||||
Docker, premiers pas
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r2">
|
||||
Docker, avancé
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r3">
|
||||
Linux Internal part 1 : procfs, capabilities, cgroups
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q1" id="q1" value="r4">
|
||||
Linux Internal part 2 : namespaces, mount, networking
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="form-group">
|
||||
<h3>Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</h3>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r1">
|
||||
Docker, premiers pas
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r2">
|
||||
Docker, avancé
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r3">
|
||||
Linux Internal part 1 : procfs, capabilities, cgroups
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r4">
|
||||
Linux Internal part 2 : namespaces, mount, networking
|
||||
</label>
|
||||
<div class="form-group panel panel-default">
|
||||
<div class="panel-heading">Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</div>
|
||||
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r1">
|
||||
Docker, premiers pas
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r2">
|
||||
Docker, avancé
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r3">
|
||||
Linux Internal part 1 : procfs, capabilities, cgroups
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q2" id="q2" value="r4">
|
||||
Linux Internal part 2 : namespaces, mount, networking
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="form-group">
|
||||
<h3>Diriez-vous que ce cours a :</h3>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r1">
|
||||
Trop de rappels
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r2">
|
||||
Trop de contenu
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r3">
|
||||
Pas assez d'heures
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r4">
|
||||
Arrive trop tard dans l'année
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r5">
|
||||
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r6">
|
||||
Trop élitiste
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r7">
|
||||
Pas assez élitiste
|
||||
</label>
|
||||
<div class="form-group panel panel-default">
|
||||
<div class="panel-heading">Diriez-vous que ce cours a :</div>
|
||||
<div class="panel-body" style="-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;">
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r1">
|
||||
Trop de rappels
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r2">
|
||||
Trop de contenu
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r3">
|
||||
Pas assez d'heures
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r4">
|
||||
Arrive trop tard dans l'année
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r5">
|
||||
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r6">
|
||||
Trop élitiste
|
||||
</label>
|
||||
</div>
|
||||
<div class="checkbox">
|
||||
<label>
|
||||
<input type="checkbox" name="q3" id="q3" value="r7">
|
||||
Pas assez élitiste
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="form-group">
|
||||
<h3>Les TP, principalement :</h3>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r1">
|
||||
sont trop longs
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r2">
|
||||
ont trop de texte
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r3">
|
||||
n'ont pas assez d'exercices
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r4">
|
||||
ont trop d'exercices
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r5">
|
||||
ne vont pas assez loin
|
||||
</label>
|
||||
<div class="form-group panel panel-default">
|
||||
<div class="panel-heading">Les TP, principalement :</div>
|
||||
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r1">
|
||||
sont trop longs
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r2">
|
||||
ont trop de texte
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r3">
|
||||
n'ont pas assez d'exercices
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r4">
|
||||
ont trop d'exercices
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r5">
|
||||
ne vont pas assez loin
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q4" id="q4" value="r5">
|
||||
ne marchent pas
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="form-group">
|
||||
<h3>Quelle raison vous a principalement poussée à ne pas assister au cours ?</h3>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r1">
|
||||
Je suis venu moi ! (ou autres empêchements non-liés au cours)
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r2">
|
||||
Je connaissais déjà les notions abordées
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r3">
|
||||
Trop bullshit
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r4">
|
||||
Trop technique
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r5">
|
||||
Il n'y a pas de valeur ajouté à aller à ce cours/TP
|
||||
</label>
|
||||
<div class="form-group panel panel-default">
|
||||
<div class="panel-heading">Quelle raison vous a principalement poussée à ne pas assister au cours ?</div>
|
||||
<div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r1">
|
||||
Je suis venu moi ! (ou autres empêchements non-liés au cours)
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r2">
|
||||
Je connaissais déjà les notions abordées
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r3">
|
||||
Trop bullshit
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r4">
|
||||
Trop technique
|
||||
</label>
|
||||
</div>
|
||||
<div class="radio">
|
||||
<label>
|
||||
<input type="radio" name="q5" id="q5" value="r5">
|
||||
Il n'y a pas de valeur ajouté à aller à ce cours/TP
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user