rundmt.github.com/index.html at master · rundmt/rundmt.github.com · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.tailwindcss.com"></script>
    <title>A Letter from Derek</title>
    <style>
      body {
        background: hsla(173, 89%, 70%, 1);

        background: linear-gradient(
          90deg,
          hsla(173, 89%, 70%, 1) 0%,
          hsla(196, 68%, 38%, 1) 100%
        );

        background: -moz-linear-gradient(
          90deg,
          hsla(173, 89%, 70%, 1) 0%,
          hsla(196, 68%, 38%, 1) 100%
        );

        background: -webkit-linear-gradient(
          90deg,
          hsla(173, 89%, 70%, 1) 0%,
          hsla(196, 68%, 38%, 1) 100%
        );
      }
    </style>
  </head>
  <body
    class="min-h-screen font-['Merriweather', serif] text-gray-800 py-12 px-4"
  >
    <div class="max-w-3xl mx-auto p-8 sm:p-12 text-gray-100">
      <main class="space-y-6 text-lg leading-relaxed">
        <p class="text-2xl font-bold">
          Hello <br /><br />
          I'm Derek<br /><br />
          I'm a software engineer<br /><br />
          I currently pay rent in New York City<br /><br />
          I sometimes I make beats and DJ<br /><br />
          That's all I got for now<br /><br />
        </p>
        <p>
          <i class="fa-regular fa-hand-peace fa-2xl"></i>
        </p>
      </main>

      <footer class="mt-12 pt-6">
        <div class="grid grid-cols-3 gap-6 sm:grid-cols-6">
          <a
            href="https://instagram.com/derektorq"
            target="_blank"
            rel="noopener noreferrer"
            class="flex flex-col items-center text-white hover:text-gray-900"
          >
            <i class="fab fa-instagram text-2xl mb-2"></i>
            <span class="text-xs">Instagram</span>
          </a>
          <a
            href="https://twitter.com/derektorq"
            target="_blank"
            rel="noopener noreferrer"
            class="flex flex-col items-center text-white hover:text-gray-900"
          >
            <i class="fab fa-twitter text-2xl mb-2"></i>
            <span class="text-xs">Twitter</span>
          </a>
          <a
            href="https://linkedin.com/in/derektor"
            target="_blank"
            rel="noopener noreferrer"
            class="flex flex-col items-center text-white hover:text-gray-900"
          >
            <i class="fab fa-linkedin text-2xl mb-2"></i>
            <span class="text-xs">LinkedIn</span>
          </a>
          <a
            href="https://github.com/rundmt"
            target="_blank"
            rel="noopener noreferrer"
            class="flex flex-col items-center text-white hover:text-gray-900"
          >
            <i class="fab fa-github text-2xl mb-2"></i>
            <span class="text-xs">Github</span>
          </a>
          <a
            href="https://soundcloud.com/derektorq"
            target="_blank"
            rel="noopener noreferrer"
            class="flex flex-col items-center text-white hover:text-gray-900"
          >
            <i class="fab fa-soundcloud text-2xl mb-2"></i>
            <span class="text-xs">Soundcloud</span>
          </a>
          <a
            href="https://docs.google.com/document/d/1uYAl985h6x71265obeG2cSUObGf6UYV2X27GMf6gG9s/edit?usp=sharing"
            target="_blank"
            rel="noopener noreferrer"
            class="flex flex-col items-center text-white hover:text-gray-900"
          >
            <i class="far fa-file-lines text-2xl mb-2"></i>
            <span class="text-xs">Resume</span>
          </a>
        </div>
      </footer>
    </div>
  </body>
</html>