website/index.html at master · TheClowder/website · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
    <head>
        <meta content="IE=edge" http-equiv="X-UA-Compatible">
        <meta charset="utf-8">
        <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
        <link rel="icon" href="/favicon.ico">
        <link src="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
        <title>The Clowder</title>
        <style>
            body {
                color: #333;
                background-color: #fff;
                font-family: 'Chatura', monospace;
                margin: 0;
                padding: 0;
                font-size: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
            }
            a:active,
            a:visited,
            a:hover,
            a:link {
                color: #333;
                text-decoration: none;
            }
            .container {
                display: flex;
                flex-direction: column;
                width: 50%;
                padding: 42px 20px;
            }
            .creations {
                display: flex;
                margin: 40px 0 40px 0;
            }
            .creation {
                margin: 0 10px 0 0;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }
            .creation img {
                margin: 0 0 20px 0;
            }
            .footer, .company {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .footer p, .company p {
                font-size: 10px;
            }
        </style>
    </head>

    <body>
        <div class="container">
            <div class="company">
                <img src="theclowder.png" alt="The Clowder"/>
                <p>
                    <a href="mailto:[email protected]">mew<b>[at]</b>theclowder.software</a>
                </p>
            </div>
            <div class="creations">
                <div class="creation">
                    <img src="tamaraw.png" height="107px" width="160px" alt="Tamaraw"/>
                    <a href="https://github.com/TheClowder/tamaraw">A Go engine that helps you put together a super-flexible admin dashboard.</a>
                </div>
                <div class="creation">
                    <img src="schemata.png" height="160px" width="160px" alt="Schemata"/>
                    <a href="https://github.com/TheClowder/schemata">Schemata analyze your db and creates necessary models for your Buffalo project.</a>
                </div>
                <div class="creation">
                    <a href="https://github.com/TheClowder/docker-buffalo">A Go Web Eco-System (dockerized).</a>
                </div>
            </div>
            <div class="footer">
                <img src="footer.png" height="88px" width="61px" alt="Ruco as Moises" />
                <p>
                    a collaboration of bunch of catz and two humans.
                </p>
            </div>
        </div>
    </body>
</html>