Breizh/transfersh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Nouveau test CSS

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
download.audio.html
View file

@ -11,11 +11,15 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<p>{{.ContentType}}</p> <div class="duo">
<p>{{.ContentLength | format "# ###,"}} octets</p> <p>{{.ContentType}}</p>
<p>{{.ContentLength | format "# ###,"}} octets</p>
</div>
<h3><a href="{{.UrlGet}}">Télécharger</a></h3> <div class="duo">
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3> <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"> <audio controls preload="metadata">
<source src="{{.Url}}" type="{{.ContentType}}" /> <source src="{{.Url}}" type="{{.ContentType}}" />

14
download.html
View file

@ -11,12 +11,16 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<p>{{.ContentType}}</p> <div class="duo">
<p>{{.ContentLength | format "# ###,"}} octets</p> <p>{{.ContentType}}</p>
<p>{{.ContentLength | format "# ###,"}} octets</p>
<h3><a href="{{.UrlGet}}">Télécharger</a></h3> </div>
<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> <p><img id="qr" src="data:image/png;base64,{{.QRCode}}"/></p>
</body> </body>
</html> </html>

12
download.image.html
View file

@ -11,11 +11,15 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<p>{{.ContentType}}</p> <div class="duo">
<p>{{.ContentLength | format "# ###,"}} octets</p> <p>{{.ContentType}}</p>
<p>{{.ContentLength | format "# ###,"}} octets</p>
</div>
<h3><a href="{{.UrlGet}}">Télécharger</a></h3> <div class="duo">
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3> <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> <a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><img src="{{.Url}}" type="{{.ContentType}}" /></a>

12
download.markdown.html
View file

@ -11,11 +11,15 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<p>{{.ContentType}}</p> <div class="duo">
<p>{{.ContentLength | format "# ###,"}} octets</p> <p>{{.ContentType}}</p>
<p>{{.ContentLength | format "# ###,"}} octets</p>
</div>
<h3><a href="{{.UrlGet}}">Télécharger</a></h3> <div class="duo">
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3> <a href="{{.UrlGet}}"><h3>Télécharger</h3></a>
<a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}"><h3>Lien direct</h3></a>
</div>
<div class="markdown"> <div class="markdown">
{{.Content}} {{.Content}}

12
download.sandbox.html
View file

@ -11,11 +11,15 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<p>{{.ContentType}}</p> <div class="duo">
<p>{{.ContentLength | format "# ###,"}} octets</p> <p>{{.ContentType}}</p>
<p>{{.ContentLength | format "# ###,"}} octets</p>
</div>
<h3><a href="{{.UrlGet}}">Télécharger</a></h3> <div class="duo">
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3> <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> <p><img id="qr" src="data:image/png;base64,{{.QRCode}}"/></p>
</body> </body>

12
download.video.html
View file

@ -11,11 +11,15 @@
<h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1> <h1><a href="{{.WebAddress}}">{{.Hostname}}</a></h1>
<h2><code>{{.Filename}}</code></h2> <h2><code>{{.Filename}}</code></h2>
<p>{{.ContentType}}</p> <div class="duo">
<p>{{.ContentLength | format "# ###,"}} octets</p> <p>{{.ContentType}}</p>
<p>{{.ContentLength | format "# ###,"}} octets</p>
</div>
<h3><a href="{{.UrlGet}}">Télécharger</a></h3> <div class="duo">
<h3><a href="{{.WebAddress}}inline/{{.UrlRandomToken}}/{{.Filename}}">Lien direct</a></h3> <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"> <video controls preload="metadata">
<source src="{{.Url}}" type="{{.ContentType}}" /> <source src="{{.Url}}" type="{{.ContentType}}" />

18
styles/default.css
View file

@ -2,7 +2,7 @@
body { body {
margin:40px auto; margin:40px auto;
max-width: 800px; max-width: 60em;
background-color:#2d2d2d; background-color:#2d2d2d;
color: #D3D0C8; color: #D3D0C8;
padding:0 10px; padding:0 10px;
@ -11,6 +11,22 @@ body {
word-wrap: break-word; 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 { #links-container {
text-align: left; text-align: left;
margin: auto; margin: auto;