code/dencode.xrg.es
code
/
dencode.xrg.es
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

layout

This commit is contained in:
Sergio Álvarez 2021-09-16 11:28:28 +02:00
parent 0a44536179
commit e485a0bb3b
2 changed files with 25 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/public/css/custom.css
View File

@ -6,22 +6,31 @@
--line-height: 1.3;
}
body {
padding-top: var(--spacing);
}
footer {
text-align: right;
}
textarea {
height: 80vh;
height: 88vh;
font-family: monospace;
}
header button {
margin-top: var(--spacing);
}
header a {
display: block;
margin-top: var(--spacing);
margin-bottom: var(--spacing);
text-align: center;
}
.layout {
display: grid;
grid-template-columns: 0.3fr 1.7fr;
grid-template-rows: 1fr;
gap: 0px 1rem;
grid-template-areas:
". .";
}

20
app/public/index.php
View File

@ -133,19 +133,21 @@ if ($action == 'reset') {
<body class="container-fluid">
<form method="get">
<header class="grid">
<?php foreach ($buttons as $act => $label) { ?>
<button type="submit" name="action" value="<?=$act?>" class="<?=($action == $act? ' contrast': '')?>"><?=$label?></button>
<?php } ?>
<a href="/">Reset</a>
<a href="<?=$help?>">Help</a>
</header>
<main class="layout">
<div>
<?php foreach ($buttons as $act => $label) { ?>
<button type="submit" name="action" value="<?=$act?>" class="<?=($action == $act? ' contrast': '')?>"><?=$label?></button>
<?php } ?>
<a href="/" role="button" class="secondary">Reset</a>
<a href="<?=$help?>" role="button" class="secondary">Help</a>
</div>
<main class="grid">
<div>
<textarea name="str" class="form-input" placeholder="Paste a string here"><?=htmlentities($result, ENT_QUOTES | ENT_HTML5 | ENT_IGNORE)?></textarea>
</div>
</main>
<footer class="grid">
<footer>
<small>Contact me via <a href="mailto:correo@sergio.am">email</a> or <a href="https://twitter.com/xergio">twitter</a>. Made with pure <a href="https://php.net/">PHP</a> and <a href="https://picocss.com/"><strong>Pico</strong>.css</a>. <a href="https://sergio.am/code/dencode.xrg.es">Code</a>.</small>
</footer>
</form>