Nouveau test CSS
This commit is contained in:
parent
95d206a57d
commit
ad358dc528
7 changed files with 66 additions and 26 deletions
|
@ -11,11 +11,15 @@
|
|||
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
|
||||
|
||||
<h2><code>{{.Filename}}</code></h2>
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
<div class="duo">
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
</div>
|
||||
|
||||
<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
|
||||
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
|
||||
<div class="duo">
|
||||
<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
|
||||
</div>
|
||||
|
||||
<audio controls preload="metadata">
|
||||
<source src="{{.Url}}" type="{{.ContentType}}" />
|
||||
|
|
|
@ -11,12 +11,16 @@
|
|||
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
|
||||
|
||||
<h2><code>{{.Filename}}</code></h2>
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
|
||||
<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
|
||||
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
|
||||
<div class="duo">
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
</div>
|
||||
|
||||
<div class="duo">
|
||||
<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
|
||||
</div>
|
||||
|
||||
<p><img id="qr" src="data:image/png;base64,{{.QRCode}}"/></p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -11,11 +11,15 @@
|
|||
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
|
||||
|
||||
<h2><code>{{.Filename}}</code></h2>
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
<div class="duo">
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
</div>
|
||||
|
||||
<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
|
||||
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
|
||||
<div class="duo">
|
||||
<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
|
||||
</div>
|
||||
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><img src="{{.Url}}" type="{{.ContentType}}" /></a>
|
||||
|
||||
|
|
|
@ -11,11 +11,15 @@
|
|||
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
|
||||
|
||||
<h2><code>{{.Filename}}</code></h2>
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
<div class="duo">
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
</div>
|
||||
|
||||
<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
|
||||
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
|
||||
<div class="duo">
|
||||
<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
|
||||
</div>
|
||||
|
||||
<div class="markdown">
|
||||
{{.Content}}
|
||||
|
|
|
@ -11,11 +11,15 @@
|
|||
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
|
||||
|
||||
<h2><code>{{.Filename}}</code></h2>
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
<div class="duo">
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
</div>
|
||||
|
||||
<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
|
||||
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
|
||||
<div class="duo">
|
||||
<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
|
||||
</div>
|
||||
|
||||
<p><img id="qr" src="data:image/png;base64,{{.QRCode}}"/></p>
|
||||
</body>
|
||||
|
|
|
@ -11,11 +11,15 @@
|
|||
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
|
||||
|
||||
<h2><code>{{.Filename}}</code></h2>
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
<div class="duo">
|
||||
<p>{{.ContentType}}</p>
|
||||
<p>{{.ContentLength | format "# ###,"}} octets</p>
|
||||
</div>
|
||||
|
||||
<h3><a href="{{.UrlGet}}">Télécharger</a></h3>
|
||||
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3>
|
||||
<div class="duo">
|
||||
<a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
|
||||
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
|
||||
</div>
|
||||
|
||||
<video controls preload="metadata">
|
||||
<source src="{{.Url}}" type="{{.ContentType}}" />
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
body {
|
||||
margin:40px auto;
|
||||
max-width: 800px;
|
||||
max-width: 60em;
|
||||
background-color:#2d2d2d;
|
||||
color: #D3D0C8;
|
||||
padding:0 10px;
|
||||
|
@ -11,6 +11,22 @@ body {
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.duo {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-width: 40em;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.duo p, .duo a {
|
||||
flex: 1;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
white-space: nowrap;
|
||||
min-width: 10em;
|
||||
border: 1px solid #393939;
|
||||
}
|
||||
|
||||
#links-container {
|
||||
text-align: left;
|
||||
margin: auto;
|
||||
|
|
Loading…
Reference in a new issue