https://kalua.im/

1<!DOCTYPE html>
2<!--
3Hello, since you're reading these words, this probably means you're
4curious about this site. I have to warn you, I'm not a front-end
5developer but I wanted to build something unique for myself. Feel
6free to use it if you want, and if you need any help just let me
7know. ;-)
8
9@kaluaim
10-->
11<html>
12    <head>
13        <title>Khalid Alnuaim (kaluaim)</title>
14        <meta charset="utf-8"/>
15        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
16        <meta name="viewport" content="width=device-width"/>
17        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
18        <meta name="description" content="The personal website for Khalid Alnuaim"/>
19        <meta name="keywords" content="kaluaim,khalid,alnuaim"/>
20        <meta property="og:title" content="Khalid Alnuaim"/>
21        <meta property="og:site_name" content="kaluaim"/>
22        <meta property="og:type" content="website"/>
23        <meta property="og:url" content="http://kalua.im/"/>
24        <meta property="og:image" content="http://kalua.im/assets/images/kaluiam_black_bg.png"/>
25        <meta property="og:description" content="The personal website for Khalid Alnuaim"/>
26        <meta name="p:domain_verify" content="4296b47a10807660cc14d9b1168365ba"/>
27        <link rel="shortcut icon" href="favicon.ico"/>
28        <link rel="author" href="humans.txt" />
29        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>
30        <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/kacstone" type="text/css"/>
31
32        <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:200|Source+Sans+Pro:300,700&display=swap" rel="stylesheet">
33        <link rel="stylesheet" type="text/css" href="assets/css/style.css"/>
34        <link rel="alternate" type="text/turtle" href="wid.ttl"/>
35        <!--[if lt IE 9]>
36        

36<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

36
37        

37<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

37
38        <![endif]-->
39    </head>
40    <body>
41        <main>
42            <div lang="en">
43                <div class="title">Khalid Alnuaim</div>
44                <div class="v-line"></div>
45                <div class="sub-title">kaluaim</div>
46                <ul>
47                    <li>
48                        <a href="https://kalua.im/blog/">Blog (Arabic)</a>
49                    </li>
50                    <li>
51                        <a href="https://kalua.im/projects/">Projects</a>
52                    </li>
53                    <li>
54                        <a href="https://kalua.im/resume" target="_blank">Resume</a>
55                    </li>
56                    <li>
57                        <a href="https://kalua.im/contact.txt">Contact me</a>
58                    </li>
59                </ul>
60            </div>
61        </main>
62        <footer>
63            <ul>
64                <li>
65		    <a href="https://twitter.com/kaluaim/" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
66		</li>
67                <li>
68                    <a href="https://www.linkedin.com/in/khalidalnuaim/" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a>
69                </li>
70                <li>
71                    <a href="https://github.com/kaluaim/" target="_blank"><i class="fa fa-github fa-2x"></i></a>
72                </li>
73                <li>
74                    <a href="https://instagram.com/kaluaim/" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
75                </li>
76                <li>
77                    <a href="#target-content" id="button"><i class="fa fa-asterisk fa-2x" style="color: red;"></i></a>
78                </li>
79                <li>
80                    <img src="assets/images/kaluaim_bw.png" alt="kaluaim"/>
81                </li>
82            </ul>
83        </footer>
84        

84<script src="analytics.js"></script>

84
85        <div id="target-content">
86            <a href="#" class="close"></a>
87            <div id="target-inner">
88                <h2 lang="en">Privacy Policy</h2>
89                <p lang="en">This site uses <a href="https://www.google.com/analytics/" target="_blank">Google Analytics</a> to track pageviews and behavior by storing <a href="https://en.wikipedia.org/wiki/HTTP_cookie" target="_blank">Cookie</a> in your machine. To opt-out use <a href="https://tools.google.com/dlpage/gaoptout" target="_blank">Google Analytics Opt-out Browser Add-on</a>.</p>
90             </div>
91        </div>
92	<a style="display:none;" rel="me" href="https://mastodon.kalua.im/@i">Mastodon</a>
93    </body>
94</html>