simple-theme/index.html at master · devknown/simple-theme · GitHub

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
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<head>
    <title>Simple Theme for Adminer</title>
    <meta name="description" content="Simple Theme is a clean and minimalist theme designed for professionals using Adminer. It offers a modern design with simplicity and functionality in mind.">
    <meta name="keywords" content="Simple Theme, Adminer, minimalist theme, clean theme, database management">
    <meta name="author" content="Hassan Azzi">
    <meta property="og:title" content="Simple Theme for Adminer">
    <meta property="og:description" content="Simple Theme is a clean and minimalist theme designed for professionals using Adminer.">
    <meta property="og:image" content="https://raw.githubusercontent.com/devknown/simple-theme/master/screenshots/schema.png">
    <meta property="og:url" content="https://devknown.github.io/simple-theme/">
    <meta name="twitter:title" content="Simple Theme for Adminer">
    <meta name="twitter:description" content="Simple Theme is a clean and minimalist theme designed for professionals using Adminer.">
    <meta name="twitter:image" content="https://raw.githubusercontent.com/devknown/simple-theme/master/screenshots/schema.png">
    <meta name="robots" content="index, follow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <style>input,pre{padding:.5em;background-color:var(--lesslight)}code,input,pre{background-color:var(--lesslight)}:root{color-scheme:light dark;--light:#fff;--lesslight:#efefef;--dark:#404040;--moredark:#000;--link:royalblue;border-top:5px solid var(--dark);line-height:1.5em;font-family:system-ui,sans-serif;font-size:16px}*{box-sizing:border-box;color:var(--dark)}h1{line-height:1em}button,input{font-size:1em}input{border:1px solid var(--dark);border-radius:.25em}pre{margin:.5em 0;overflow:auto}body{background-color:var(--light);margin:0 auto;max-width:800px;padding:0 20px 20px}.button,.home,button,input[type=submit]{background-color:var(--dark);color:var(--light);text-decoration:none}a{outline:0}a:hover{text-decoration-color:var(--link)}img{max-width:100%;height:auto}.button,button,input[type=submit]{display:inline-block;text-align:center;padding:.5em;border-radius:.25em;border:none;cursor:pointer}.button:hover,button:hover,input[type=submit]:hover{color:var(--lesslight);background-color:var(--moredark)}.button+.button,button+button,input[type=submit]+input[type=submit]{margin-left:1em}.center{display:block;margin-left:auto;margin-right:auto;text-align:center}.bordered{border:3px solid}.home{display:inline-block;margin-top:20px;padding:5px 10px;font-weight:700}@media (min-width:600px){ol.twocol{column-count:2}.row{display:flex;flex-direction:row;padding:0;width:100%}.row>*{display:block;flex:1 1 auto;max-width:100%;width:100%}.row>:not(:last-child){margin-right:10px}}@media (prefers-color-scheme:dark){:root{--light:#222;--lesslight:#333;--dark:#eee;--moredark:#fefefe}:focus{outline:var(--light);box-shadow:0 0 0 .25em var(--link)}}@media print{.home{display:none}}</style>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
</head>
<body>

    <a class="home" href="https://github.com/devknown/simple-theme">&nwarr;</a>

    <h1>"Simple Theme" for Adminer</h1>

    <p>A Clean, Minimalist Theme for Adminer we call it <em>Simple Theme</em>, we created a modern design for <em>Adminer</em> that prioritizes simplicity and functionality.</p>

    <img src="screenshots/cover.png" >

    <h2 id="start">Getting Started</h2>

    <p>First, ensure you have <em>Adminer</em> installed. If not, get a copy <a href="https://www.adminer.org/" target="_blank" >here</a>. & Download the <em>adminer.css</em> file for Simple Theme [ <a href="https://raw.githubusercontent.com/devknown/simple-theme/master/adminer.css" download="adminer.css">Download simple theme</a> ]. or use the following <code>curl</code> command:</p>

    <pre><code>curl -O https://raw.githubusercontent.com/devknown/simple-theme/master/adminer.css</code></pre>

    <p>Then put the file <em>adminer.css</em> alongside <em>adminer.php</em> or copy it to the same directory that contains Adminer on your web server.</p>

    <h2 id="github">GitHub</h2>
    <p>You can find <a href="https://github.com/devknown/simple-theme">Simple Theme on GitHub</a>.</p>

</body>
</html>