Commit cffad822 authored by Maxime Chaillet's avatar Maxime Chaillet

sets basic css

parent 1dcad18a
......@@ -6,7 +6,7 @@
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="src/doi.css">
<!-- bower:css -->
<!-- endbower -->
</head>
......
(function(dust){dust.register("esrf-landing-page",body_0);function body_0(chk,ctx){return chk.w("<div class=\"container-fluid\"><div class=\"row\"><div class=\"col-sm-4\" style=\"background-color:lavender;\">").f(ctx.getPath(true, ["investigation","name"]),ctx,"h").w("</div><div class=\"col-sm-4\" style=\"background-color:lavenderblush;\">.col-sm-4</div><div class=\"col-sm-4\" style=\"background-color:lavender;\">.col-sm-4</div></div>").s(ctx.getPath(true, ["investigationUsers"]),ctx,{"block":body_1},{}).w(" <div class=\"col-sm-12\" style=\"background-color:lavender;\">").f(ctx.getPath(true, ["investigation","summary"]),ctx,"h").w("</div> </div> ");}body_0.__dustBody=!0;function body_1(chk,ctx){return chk.w("<div class=\"row\"><div class=\"col-sm-12\" style=\"background-color:lavender;\">").f(ctx.getPath(true, ["user","name"]),ctx,"h").w("</div> </div>");}body_1.__dustBody=!0;return body_0}(dust));
\ No newline at end of file
(function(dust){dust.register("esrf-landing-page",body_0);function body_0(chk,ctx){return chk.w("<div class=\"container-fluid\"><div class=\"row\"><div class=\"col-12 col-sm-2 blueBackground\" > <img id=\"logo\" src=\"./src/esrfLogo.jpeg\"> </img> </div><div class=\"col-12 col-sm-10 blueBackground whiteVCenteredFont text-right align-middle\" > doi </div></div><div class=\"row\"><div class=\"col-8\" style=\"background-color:pink;\" > <label>Title</label><p>title of the DOI</p><label> Abstract </label><p>This is the abstract</p><label> Experimental report </label><button type=\"button\" class=\"btn btn-primary btn-lg btn-block\">Download experimental report </button> <label> Download data </label><button type=\"button\" class=\"btn btn-primary btn-lg btn-block\">Download experimental report </button></div><div class=\"col-4\" style=\"background-color:gray;\" ><div class=\"row\"><div class=\"col-12\" style=\"background-color:blue;\" ><label> Identifier </label><p> id</p><label> Authors </label><p> author 1</p><p> author 2</p><p> author 3</p><p> author 4</p><label> Publisher </label><p> esrf </p><label> Publication year </label><p> year </p><label> Proposal number </label><p> 007bond </p> \t</div></div></div></div></div>");}body_0.__dustBody=!0;return body_0}(dust));
\ No newline at end of file
/* sets the backgrounds color the same as the buttons */
.blueBackground{
background-color: #0275D8;
}
/* vertically center the font and sets its color to white */
.whiteVCenteredFont{
color: white;
}
/* make all button's text to wrap to a new line */
.btn{
white-space: normal;
}
/*sets all labels to bold */
label{
font-weight: bold;
}
/* esrf logo */
#logo{
height: 50px;
}
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-2 blueBackground" > <img id="logo" src="./src/esrfLogo.jpeg"> </img> </div>
<div class="col-12 col-sm-10 blueBackground whiteVCenteredFont text-right align-middle" > doi </div>
</div>
<div class="row">
<div class="col-8" style="background-color:pink;" >
<label>Title</label>
<p>title of the DOI</p>
<label> Abstract </label>
<p>This is the abstract</p>
<label> Experimental report </label>
<button type="button" class="btn btn-primary btn-lg btn-block">Download experimental report </button>
<label> Download data </label>
<button type="button" class="btn btn-primary btn-lg btn-block">Download experimental report </button>
</div>
<div class="col-4" style="background-color:gray;" >
<div class="row">
<div class="col-12" style="background-color:blue;" >
<label> Identifier </label>
<p> id</p>
<label> Authors </label>
<p> author 1</p>
<p> author 2</p>
<p> author 3</p>
<p> author 4</p>
<label> Publisher </label>
<p> esrf </p>
<label> Publication year </label>
<p> year </p>
<label> Proposal number </label>
<p> 007bond </p>
</div>
</div>
</div>
</div>
</div>
{!
<div class="container-fluid">
<div class="row">
<div class="col-sm-4" style="background-color:lavender;">{.investigation.name}</div>
<div class="col-sm-4" style="background-color:lavenderblush;">.col-sm-4</div>
......@@ -11,12 +71,16 @@
{#.investigationUsers}
<div class="row">
<div class="col-sm-12" style="background-color:lavender;">{.user.name}</div>
</div>
</div>nghfghfgty
{/.investigationUsers}
<div class="col-sm-12" style="background-color:lavender;">{.investigation.summary}</div>
</div>
\ No newline at end of file
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
</div>
!}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment