init

assets/css/color-defaults.css

@@ -0,0 +1,244 @@
+/* -------------- */
+/* DEFAULT COLORS */
+/* -------------- */
+.btn .hex-alt {
+  background: rgba(255, 255, 255, 0.2);
+}
+.btn .hex-alt:before {
+  border-right-color: rgba(255, 255, 255, 0.2);
+}
+.btn .hex-alt:after {
+  border-left-color: rgba(255, 255, 255, 0.2);
+}
+.btn i {
+  color: #fff !important;
+}
+
+.btn-default {
+  background: #777 !important;
+  color: #fff !important;
+}
+.btn-default:hover {
+  background: #8b8b8b !important;
+}
+.btn-default.btn-icon-right:after {
+  border-left-color: #777;
+}
+.btn-default.btn-icon-left:after {
+  border-right-color: #777;
+}
+.btn-default.btn-icon-right:hover:after {
+  border-left-color: #8b8b8b;
+}
+.btn-default.btn-icon-left:hover:after {
+  border-right-color: #8b8b8b;
+}
+
+.btn-warning {
+  background: #f18d38 !important;
+  color: #fff !important;
+}
+.btn-warning:hover {
+  background: #e57211 !important;
+}
+.btn-warning.btn-icon-right:after {
+  border-left-color: #f18d38;
+}
+.btn-warning.btn-icon-left:after {
+  border-right-color: #f18d38;
+}
+.btn-warning.btn-icon-right:hover:after {
+  border-left-color: #e57211;
+}
+.btn-warning.btn-icon-left:hover:after {
+  border-right-color: #e57211;
+}
+
+.btn-danger {
+  background: #e74c3c !important;
+  color: #fff !important;
+}
+.btn-danger:hover {
+  background: #d62c1a !important;
+}
+.btn-danger.btn-icon-right:after {
+  border-left-color: #e74c3c;
+}
+.btn-danger.btn-icon-left:after {
+  border-right-color: #e74c3c;
+}
+.btn-danger.btn-icon-right:hover:after {
+  border-left-color: #d62c1a;
+}
+.btn-danger.btn-icon-left:hover:after {
+  border-right-color: #d62c1a;
+}
+
+.btn-success {
+  background: #427e77 !important;
+  color: #fff !important;
+}
+.btn-success:hover {
+  background: #305d57 !important;
+}
+.btn-success.btn-icon-right:after {
+  border-left-color: #427e77;
+}
+.btn-success.btn-icon-left:after {
+  border-right-color: #427e77;
+}
+.btn-success.btn-icon-right:hover:after {
+  border-left-color: #305d57;
+}
+.btn-success.btn-icon-left:hover:after {
+  border-right-color: #305d57;
+}
+
+.btn-info {
+  background: #5d89ac !important;
+  color: #fff !important;
+}
+.btn-info:hover {
+  background: #486f8e !important;
+}
+.btn-info.btn-icon-right:after {
+  border-left-color: #5d89ac;
+}
+.btn-info.btn-icon-left:after {
+  border-right-color: #5d89ac;
+}
+.btn-info.btn-icon-right:hover:after {
+  border-left-color: #486f8e;
+}
+.btn-info.btn-icon-left:hover:after {
+  border-right-color: #486f8e;
+}
+
+.pace-overlay {
+  background: #e74c3c;
+}
+
+.pace-dot .pace-progress-inner {
+  background: #fff;
+}
+
+.pace-minimal .pace .pace-progress {
+  background: #fff;
+}
+
+.pace-counter .pace .pace-progress:after {
+  color: #fff;
+}
+
+.post-media .feature-image {
+  background-color: rgba(0, 0, 0, 0.8);
+}
+.post-media .feature-image i {
+  color: #fff;
+}
+
+.box-caption {
+  background-color: rgba(0, 0, 0, 0.8);
+  color: rgba(255, 255, 255, 0.8);
+}
+.box-caption h3, .box-caption h4 {
+  color: #fff !important;
+}
+
+.mfp-bg {
+  background: rgba(255, 255, 255, 0.95);
+}
+
+.mfp-image-holder .mfp-close,
+.mfp-iframe-holder .mfp-close {
+  background-color: #e74c3c;
+  color: #fff;
+}
+.mfp-image-holder .mfp-close:before,
+.mfp-iframe-holder .mfp-close:before {
+  border-bottom-color: #e74c3c;
+}
+.mfp-image-holder .mfp-close:after,
+.mfp-iframe-holder .mfp-close:after {
+  border-top-color: #e74c3c;
+}
+
+.portfolio .hex-alt {
+  background: #e74c3c !important;
+}
+
+.portfolio .hex-alt:before {
+  border-right-color: #e74c3c;
+}
+
+.portfolio .hex-alt:after {
+  border-left-color: #e74c3c;
+}
+
+.portfolio-figure:hover {
+  background: rgba(0, 0, 0, 0.8);
+}
+
+.portfolio figcaption {
+  background: rgba(0, 0, 0, 0.8);
+  color: rgba(255, 255, 255, 0.8);
+}
+.portfolio figcaption h4 a {
+  color: #fff !important;
+}
+.portfolio figcaption i {
+  color: #fff !important;
+}
+
+.portfolio-round figcaption {
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.8);
+}
+
+.portfolio .more, .portfolio .link {
+  background-color: #e74c3c;
+  color: #fff;
+}
+
+.go-top {
+  background: #e32f1c !important;
+}
+.go-top i {
+  color: #fff;
+}
+.go-top:before {
+  border-right-color: #e32f1c !important;
+}
+.go-top:after {
+  border-left-color: #e32f1c !important;
+}
+
+.audioplayer {
+  background-color: #e32f1c;
+}
+
+.gform_wrapper .gfield_required.gfield_error, .gform_wrapper .gfield_error .gfield_label, .gform_wrapper .gfield_contains_required.gfield_error {
+  color: #a82315;
+}
+
+.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
+  border: 1px solid rgba(214, 44, 26, 0.5);
+  background: rgba(231, 76, 60, 0.5);
+  color: #a82315;
+}
+
+.gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus {
+  box-shadow: 0px 3px 0px #e74c3c;
+}
+
+.validation_error {
+  background: #e74c3c;
+  color: #fff;
+}
+
+.validation_error hr {
+  border-top-color: #e74c3c;
+}
+
+.validation_error .alert-link {
+  color: #e6e6e6;
+}

assets/css/color-defaults.min.css

@@ -0,0 +1 @@
+.btn .hex-alt{background:rgba(255,255,255,.2)}.btn .hex-alt:before{border-right-color:rgba(255,255,255,.2)}.btn .hex-alt:after{border-left-color:rgba(255,255,255,.2)}.btn i{color:#fff!important}.btn-default{background:#777!important;color:#fff!important}.btn-default:hover{background:#8b8b8b!important}.btn-default.btn-icon-right:after{border-left-color:#777}.btn-default.btn-icon-left:after{border-right-color:#777}.btn-default.btn-icon-right:hover:after{border-left-color:#8b8b8b}.btn-default.btn-icon-left:hover:after{border-right-color:#8b8b8b}.btn-warning{background:#f18d38!important;color:#fff!important}.btn-warning:hover{background:#e57211!important}.btn-warning.btn-icon-right:after{border-left-color:#f18d38}.btn-warning.btn-icon-left:after{border-right-color:#f18d38}.btn-warning.btn-icon-right:hover:after{border-left-color:#e57211}.btn-warning.btn-icon-left:hover:after{border-right-color:#e57211}.btn-danger{background:#e74c3c!important;color:#fff!important}.btn-danger:hover{background:#d62c1a!important}.btn-danger.btn-icon-right:after{border-left-color:#e74c3c}.btn-danger.btn-icon-left:after{border-right-color:#e74c3c}.btn-danger.btn-icon-right:hover:after{border-left-color:#d62c1a}.btn-danger.btn-icon-left:hover:after{border-right-color:#d62c1a}.btn-success{background:#427e77!important;color:#fff!important}.btn-success:hover{background:#305d57!important}.btn-success.btn-icon-right:after{border-left-color:#427e77}.btn-success.btn-icon-left:after{border-right-color:#427e77}.btn-success.btn-icon-right:hover:after{border-left-color:#305d57}.btn-success.btn-icon-left:hover:after{border-right-color:#305d57}.btn-info{background:#5d89ac!important;color:#fff!important}.btn-info:hover{background:#486f8e!important}.btn-info.btn-icon-right:after{border-left-color:#5d89ac}.btn-info.btn-icon-left:after{border-right-color:#5d89ac}.btn-info.btn-icon-right:hover:after{border-left-color:#486f8e}.btn-info.btn-icon-left:hover:after{border-right-color:#486f8e}.pace-overlay{background:#e74c3c}.pace-dot .pace-progress-inner,.pace-minimal .pace .pace-progress{background:#fff}.pace-counter .pace .pace-progress:after{color:#fff}.post-media .feature-image{background-color:rgba(0,0,0,.8)}.post-media .feature-image i{color:#fff}.box-caption{background-color:rgba(0,0,0,.8);color:rgba(255,255,255,.8)}.box-caption h3,.box-caption h4{color:#fff!important}.mfp-bg{background:rgba(255,255,255,.95)}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{background-color:#e74c3c;color:#fff}.mfp-iframe-holder .mfp-close:before,.mfp-image-holder .mfp-close:before{border-bottom-color:#e74c3c}.mfp-iframe-holder .mfp-close:after,.mfp-image-holder .mfp-close:after{border-top-color:#e74c3c}.portfolio .hex-alt{background:#e74c3c!important}.portfolio .hex-alt:before{border-right-color:#e74c3c}.portfolio .hex-alt:after{border-left-color:#e74c3c}.portfolio-figure:hover{background:rgba(0,0,0,.8)}.portfolio figcaption{background:rgba(0,0,0,.8);color:rgba(255,255,255,.8)}.portfolio figcaption h4 a,.portfolio figcaption i{color:#fff!important}.portfolio-round figcaption{box-shadow:0 0 0 1px rgba(0,0,0,.8)}.portfolio .link,.portfolio .more{background-color:#e74c3c;color:#fff}.go-top{background:#e32f1c!important}.go-top i{color:#fff}.go-top:before{border-right-color:#e32f1c!important}.go-top:after{border-left-color:#e32f1c!important}.audioplayer{background-color:#e32f1c}.gform_wrapper .gfield_contains_required.gfield_error,.gform_wrapper .gfield_error .gfield_label,.gform_wrapper .gfield_required.gfield_error{color:#a82315}.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea{border:1px solid rgba(214,44,26,.5);background:rgba(231,76,60,.5);color:#a82315}.gform_wrapper .gfield_error input:focus,.gform_wrapper .gfield_error select:focus,.gform_wrapper .gfield_error textarea:focus{box-shadow:0 3px 0 #e74c3c}.validation_error{background:#e74c3c;color:#fff}.validation_error hr{border-top-color:#e74c3c}.validation_error .alert-link{color:#e6e6e6}

assets/css/fonts.css

@@ -0,0 +1,37 @@
+body {
+  font-family: 'Lato', sans-serif;
+  font-weight: 400;
+}
+body input, body textarea, body .btn, body button {
+  font-family: 'Lato', sans-serif;
+}
+
+blockquote p, .section-header p {
+  font-weight: 300;
+}
+
+.light {
+  font-weight: 300 !important;
+}
+
+.hairline {
+  font-weight: 100 !important;
+}
+.hairline strong {
+  font-weight: 300;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Lato', sans-serif;
+}
+
+.lead {
+  font-weight: 300;
+}
+.lead strong {
+  font-weight: 600;
+}
+
+#masthead .brand {
+  font-weight: 300;
+}

assets/css/fonts.min.css

@@ -0,0 +1 @@
+body{font-family:Lato,sans-serif;font-weight:400}body .btn,body button,body input,body textarea{font-family:Lato,sans-serif}.section-header p,blockquote p{font-weight:300}.light{font-weight:300!important}.hairline{font-weight:100!important}.hairline strong{font-weight:300}h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif}.lead{font-weight:300}.lead strong{font-weight:600}#masthead .brand{font-weight:300}

index.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Kukks - Software Consultancy</title>
+    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic' rel='stylesheet'
+        type='text/css'>
+    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
+    <link rel="stylesheet" href="assets/css/theme.min.css">
+    <link rel="stylesheet" href="assets/css/color-defaults.min.css">
+
+    <link rel="stylesheet" href="assets/css/swatch-red-white.min.css">
+
+    <link rel="stylesheet" href="assets/css/fonts.min.css" media="screen">
+</head>
+
+<body>
+    <div id="content" role="main">
+        <section class="section swatch-red-white text-center">
+            <div class="container">
+                <div class="row">
+                    <div class="col-md-8 col-md-offset-2">
+                        <div class="box-round box-huge box-hex flat-shadow" style="overflow: hidden">
+                            <div class="box-dummy"></div>
+                            <figure class="box-inner">
+                                <img alt="some image" src="assets/images/me.jpg">
+                            </figure>
+                            <div class="hex-right"></div>
+                            <div class="hex-left"></div>
+                        </div>
+                        <h1>
+                            Kukks
+                        </h1>
+                        <h2>Andrew Camilleri</h2>
+                        <p class="lead">
+                            I'm a full-stack software consultant based in Denmark, Europe and mostly specializing in
+                            web-focused .NET applications that work within the Bitcoin ecosystem.
+                        </p>
+                        <p class="lead">
+                            I've worked in any IT industry you can think of: from investment to iGaming software. I
+                            currently contribute aand work on projects around <a href="https://btcpayserver.og"
+                                target="_blank">BTCPayServer</a>, an open-source, self-hosted bitcoin payment processor
+                            using C#, Vue and Docker.
+                        </p>
+                        <ul class="list-inline text-center social-icons social-simple">
+                            <li>
+                                <a href="https://twitter.com/mrkukks" target="_blank">
+                                    <i class="fa fa-twitter"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://github.com/kukks" target="_blank">
+                                    <i class="fa fa-github"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://www.linkedin.com/in/camilleriandrew/" target="_blank">
+                                    <i class="fa fa-linkedin"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="mailto:drewcamilleri@gmail.com?Subject=Enquiring%20about%20your%20awesomeness">
+                                    <i class="fa fa-envelope"></i>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>`
+                </div>
+            </div>
+        </section>
+    </div>
+</body>
+
+</html>