-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (27 loc) · 2.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.ico" sizes="any">
<link href="dist/output.css" rel="stylesheet">
<script src="formatting.js"></script>
<title>Clinisoft Formatter</title>
</head>
<body>
<div class="flex flex-col items-center w-full">
<div class="font-bold p-6 mt-20">Formattera läkemedelslistan här</div>
<textarea id="medications" name="medications" class="w-[820px] p-4 bg-gray-50 h-48 whitespace-pre rounded focus:border-gray-500 focus:outline-0 focus:ring-gray-500 border-gray-400 font-mono text-sm" oninput="autosize(this);"></textarea>
<div class="flex mt-8">
<button class="text-red-700 rounded text-sm px-8" onclick="reset();">Nollställ</button>
<button class="bg-green-500 text-white py-2 rounded flex items-center px-8" onclick="format()">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-0 h-0 mr-2 -ml-2 opacity-0 transition-all duration-150" id="success">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
Formattera</button>
<button class="text-black rounded text-sm px-8" onclick="copy();">Kopiera</button>
</div>
<textarea id="results" class="bg-gray-50 h-48 mt-8 w-[820px] p-4 rounded border-gray-400 font-mono text-sm" disabled></textarea>
<div class="text-xs mt-6 max-w-[500px] text-center">All användning sker på eget ansvar. Formattering sker lokalt i din webbläsare och ingen data skickas till någon server men ange ändå inga sekretessbelagda uppgifter. Dubbelkolla resultaten själv samt ange eventuella tider.</div>
<div class="text-xs p-6">Skapad med <span class="text-red-800">♥</span> av Oliver von Olnhausen</div>
<a href="https://github.com/olivervo/medications_formatter" target="_blank" class="pb-12"><img src="https://img.shields.io/badge/github-%23121011.svg?style=Flat-square&logo=github&logoColor=white" alt=""></a>
</div>
</body>