dastergon.github.io/site-reliability.html at master · GBratsos/dastergon.github.io · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>Pavlos Ratis</title>

    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
        crossorigin="anonymous">

    <meta name="author" content="Pavlos Ratis" />
    <meta name="description" content="Site Reliability Engineering Resources" />
    <!-- Facebook OpenGraph tags -->
    <meta property="og:title" content="Pavlos Ratis" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://dastergon.gr/" />
    <meta property="og:image" content="https://dastergon.gr/img/my-avatar.jpg" />

    <!-- Twitter summary cards -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="@dastergon" />
    <meta name="twitter:creator" content="@dastergon" />
    <meta name="twitter:title" content="Pavlos Ratis" />
    <meta name="twitter:image" content="https://dastergon.gr/img/my-avatar.jpg" />
    <style>
        body {
            padding-top: 2em;
        }

        a {
            color: black;
            text-decoration: none;
        }

        a:focus,
        a:hover {
            color: #f09228;
            text-decoration: none;
        }

        li a {
            text-decoration: underline;
        }

        .avatar {
            width: 170px;
            height: 170px;
            border-radius: 180px;
            border: 2px solid #ccc;
            box-shadow: 0 0 20px -5px black;
        }
    </style>
</head>

<body>
    <main role="main">
        <div class="container">
            <div class="row">
                <div class="col-8 mx-auto">
                    <h3><a href="/">Pavlos Ratis</a></h3>
                    <h5>Site Reliability Engineering </h5>
                    <p>
                        A list of various site reliability projects that I have created over time:
                        <ul>
                            <li><a href="https://github.com/dastergon/awesome-sre">awesome-sre</a>: A curated list of Site Reliability and Production Engineering resources.</li>
                            <li><a href="https://gihub.com/dastergon/awesome-chaos-engineering">awesome-chaos-engineering</a>: A curated list of Chaos Engineering resources.</li>
                            <li><a href="https://github.com/dastergon/postmortem-templates">postmortem-templates</a>: A collection of postmortem templates.</li>
                            <li><a href="https://dastergon.gr/availability-calculator/">Availability Calculator</a>: Calculate how much downtime should be permitted in your Service Level Agreement or Objective.</li>
                            <li><a href="https://dastergon.gr/error-budget-calculator">Error Budget Calculator</a>: Calculate the tolerable downtime of your service.</li>
                            <li><a href="https://dastergon.gr/wheel-of-misfortune/">Wheel of Misfortune</a>: Role Playing Game for Incident Management Training.</li>
                        </ul>
                    </p>
                    <hr />
                    <footer>
                    <a href="https://github.com/dastergon" target="_blank">
                        <i class="fa fa-github fa-2x" aria-hidden="true"></i>
                    </a>
                    <a href="https://twitter.com/dastergon" target="_blank">
                        <i class="fa fa-twitter fa-2x" aria-hidden="true"></i>
                    </a>
                    <a href="https://linkedin.com/in/pavlosratis" target="_blank">
                        <i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i>
                    </a>
                    <br />
                    <br />
                    <small class="text-muted">© Pavlos Ratis 2018</small>
                </footer>
                </div>
            </div>
        </div>
    </main>
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
        crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')
    </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
        crossorigin="anonymous"></script>
</body>

</html>