add usage

README.md

@@ -8,6 +8,10 @@ A basic visualisation interface for exploring phylomemy files.
    2. Fontawesome 5.6.3
    3. D3js 5.0.0
 
+## Usage
+
+Open index.html in your favorite browser (you need to be connected to the Web in order to load the dependencies). Browse your directories and select a phylomemy files (format .svg). Click on `Draw`.
+
 ## Main contributor 
 
 Contact qlobbe@iscpif.fr
\ No newline at end of file

index.html

@@ -39,7 +39,7 @@
 					</div>
 					<button type="button" class="btn btn-draw btn-block" id="btn_draw" desabled>Draw</button>
 				</form>
-				<div id="options" style="display:none;">
+				<div id="options">
 					<hr>
 					<div id="layer-group">
 						<a href="#" id="layer-btn" class="drop-down-menu" onclick="toggleDiv('layer-radio',200);"><i class="fa fa-caret-right rotate"></i> layer</a>

lib/css/qlobbe.css

@@ -67,6 +67,10 @@ hr {
 	text-rendering: optimizeLegibility; 
 }
 
+#options {
+	display: none;
+}
+
 #processing {
 	color: #0d1824;
 	background-color: rgb(240, 240, 243);