Nouveau test CSS

This commit is contained in:
Breizh 2021-05-10 21:23:37 +02:00
parent 95d206a57d
commit ad358dc528
7 changed files with 66 additions and 26 deletions

View file

@ -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}}" />

View file

@ -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>

View file

@ -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>

View file

@ -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}}

View file

@ -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>

View file

@ -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}}" />

View file

@ -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;