Archived
1
0

Split into several columns

This commit is contained in:
nemunaire 2016-10-19 20:49:21 +02:00
parent 3e98322981
commit 61132dbbc7

339
home.html
View File

@ -4,6 +4,10 @@
<title>Sondage VIRLI</title> <title>Sondage VIRLI</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <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"> <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> </head>
<body class="container"> <body class="container">
<h1>Virtualisation légère &mdash; SRS 2017</h1> <h1>Virtualisation légère &mdash; SRS 2017</h1>
@ -14,182 +18,189 @@
<form method="post" action="vote"> <form method="post" action="vote">
<div class="form-group"> <div class="form-group panel panel-default">
<h3>Quel est le cours/TP que vous avez préféré ?</h3> <div class="panel-heading">Quel est le cours/TP que vous avez préféré ?</div>
<div class="radio"> <div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<label> <div class="radio">
<input type="radio" name="q1" id="q1" value="r1"> <label>
Docker, premiers pas <input type="radio" name="q1" id="q1" value="r1">
</label> Docker, premiers pas
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input type="radio" name="q1" id="q1" value="r2"> <label>
Docker, avancé <input type="radio" name="q1" id="q1" value="r2">
</label> Docker, avancé
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input type="radio" name="q1" id="q1" value="r3"> <label>
Linux Internal part 1 : procfs, capabilities, cgroups <input type="radio" name="q1" id="q1" value="r3">
</label> Linux Internal part 1 : procfs, capabilities, cgroups
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input type="radio" name="q1" id="q1" value="r4"> <label>
Linux Internal part 2 : namespaces, mount, networking <input type="radio" name="q1" id="q1" value="r4">
</label> Linux Internal part 2 : namespaces, mount, networking
</label>
</div>
</div> </div>
</div> </div>
<hr> <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="form-group"> <div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<h3>Quel(s) cours mériterait, selon vous, d'être complété/approfondi ?</h3> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q2" id="q2" value="r1">
<input type="checkbox" name="q2" id="q2" value="r1"> Docker, premiers pas
Docker, premiers pas </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q2" id="q2" value="r2">
<input type="checkbox" name="q2" id="q2" value="r2"> Docker, avancé
Docker, avancé </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q2" id="q2" value="r3">
<input type="checkbox" name="q2" id="q2" value="r3"> Linux Internal part 1 : procfs, capabilities, cgroups
Linux Internal part 1 : procfs, capabilities, cgroups </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q2" id="q2" value="r4">
<input type="checkbox" name="q2" id="q2" value="r4"> Linux Internal part 2 : namespaces, mount, networking
Linux Internal part 2 : namespaces, mount, networking </label>
</label> </div>
</div> </div>
</div> </div>
<hr> <div class="form-group panel panel-default">
<div class="panel-heading">Diriez-vous que ce cours a :</div>
<div class="form-group"> <div class="panel-body" style="-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;">
<h3>Diriez-vous que ce cours a :</h3> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r1">
<input type="checkbox" name="q3" id="q3" value="r1"> Trop de rappels
Trop de rappels </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r2">
<input type="checkbox" name="q3" id="q3" value="r2"> Trop de contenu
Trop de contenu </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r3">
<input type="checkbox" name="q3" id="q3" value="r3"> Pas assez d'heures
Pas assez d'heures </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r4">
<input type="checkbox" name="q3" id="q3" value="r4"> Arrive trop tard dans l'année
Arrive trop tard dans l'année </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r5">
<input type="checkbox" name="q3" id="q3" value="r5"> Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin
Manque de sources, webographie/bibliographie ou de contenu pour aller plus loin </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r6">
<input type="checkbox" name="q3" id="q3" value="r6"> Trop élitiste
Trop élitiste </label>
</label> </div>
</div> <div class="checkbox">
<div class="checkbox"> <label>
<label> <input type="checkbox" name="q3" id="q3" value="r7">
<input type="checkbox" name="q3" id="q3" value="r7"> Pas assez élitiste
Pas assez élitiste </label>
</label> </div>
</div> </div>
</div> </div>
<hr> <div class="form-group panel panel-default">
<div class="panel-heading">Les TP, principalement :</div>
<div class="form-group"> <div class="panel-body" style="-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;">
<h3>Les TP, principalement :</h3> <div class="radio">
<div class="radio"> <label>
<label> <input type="radio" name="q4" id="q4" value="r1">
<input type="radio" name="q4" id="q4" value="r1"> sont trop longs
sont trop longs </label>
</label> </div>
</div> <div class="radio">
<div class="radio"> <label>
<label> <input type="radio" name="q4" id="q4" value="r2">
<input type="radio" name="q4" id="q4" value="r2"> ont trop de texte
ont trop de texte </label>
</label> </div>
</div> <div class="radio">
<div class="radio"> <label>
<label> <input type="radio" name="q4" id="q4" value="r3">
<input type="radio" name="q4" id="q4" value="r3"> n'ont pas assez d'exercices
n'ont pas assez d'exercices </label>
</label> </div>
</div> <div class="radio">
<div class="radio"> <label>
<label> <input type="radio" name="q4" id="q4" value="r4">
<input type="radio" name="q4" id="q4" value="r4"> ont trop d'exercices
ont trop d'exercices </label>
</label> </div>
</div> <div class="radio">
<div class="radio"> <label>
<label> <input type="radio" name="q4" id="q4" value="r5">
<input type="radio" name="q4" id="q4" value="r5"> ne vont pas assez loin
ne vont pas assez loin </label>
</label> </div>
<div class="radio">
<label>
<input type="radio" name="q4" id="q4" value="r5">
ne marchent pas
</label>
</div>
</div> </div>
</div> </div>
<div class="form-group panel panel-default">
<hr> <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="form-group"> <div class="radio">
<h3>Quelle raison vous a principalement poussée à ne pas assister au cours ?</h3> <label>
<div class="radio"> <input type="radio" name="q5" id="q5" value="r1">
<label> Je suis venu moi ! (ou autres empêchements non-liés au cours)
<input type="radio" name="q5" id="q5" value="r1"> </label>
Je suis venu moi ! (ou autres empêchements non-liés au cours) </div>
</label> <div class="radio">
</div> <label>
<div class="radio"> <input type="radio" name="q5" id="q5" value="r2">
<label> Je connaissais déjà les notions abordées
<input type="radio" name="q5" id="q5" value="r2"> </label>
Je connaissais déjà les notions abordées </div>
</label> <div class="radio">
</div> <label>
<div class="radio"> <input type="radio" name="q5" id="q5" value="r3">
<label> Trop bullshit
<input type="radio" name="q5" id="q5" value="r3"> </label>
Trop bullshit </div>
</label> <div class="radio">
</div> <label>
<div class="radio"> <input type="radio" name="q5" id="q5" value="r4">
<label> Trop technique
<input type="radio" name="q5" id="q5" value="r4"> </label>
Trop technique </div>
</label> <div class="radio">
</div> <label>
<div class="radio"> <input type="radio" name="q5" id="q5" value="r5">
<label> Il n'y a pas de valeur ajouté à aller à ce cours/TP
<input type="radio" name="q5" id="q5" value="r5"> </label>
Il n'y a pas de valeur ajouté à aller à ce cours/TP </div>
</label>
</div> </div>
</div> </div>