Note on CV link if required - http://www.hybrid-analysis.com/sample/0154fa6aedcf2b8cfa82c47758a24c73587f4f7752c5dbc4b965ffc7b8a8d65c
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- SEO -->
<title>david-clarke</title>
<meta name="description" content="Blog - David Clarke" />
<meta name="robots" content="index, follow" />
<meta name="referrer" content="always" />
<!-- Social & Open Graph -->
<meta property="og:title" content="david-clarke" />
<meta property="og:description" content="Personal Blog" />
<meta property="og:image" content="https://david-clarke.id.au/images/logo.png"> <!-- include your hosted image full URL -->
<meta property="og:url" content="https://david-clarke.id.au" />
<meta name="twitter:title" content="david-clarke" >
<meta name="twitter:description" content="Personal Blog" />
<meta name="twitter:image" content="https://david-clarke.id.au/images/logo.png" /> <!-- include your hosted image full URL -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@onepagelove" />
<meta name="twitter:creator" content="@daveclarke_au" />
<!-- Favicon -->
<link rel="icon" type="image/png" href="images/favicon.png" sizes="32x32">
<!-- Styles -->
<link rel='stylesheet' href='assets/css/me.css' type='text/css' media='screen' />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body id="fullsingle" class="page-template-page-fullsingle-me me-video">
<!-- Self-Hosted Video -->
<div class="me-video-container">
<video class="video" muted autoplay loop src="videos/background1.mp4"></video>
</div>
<div class="fs-me">
<!-- Content Container -->
<div class="me-content">
<div class="logo">
<img src="images/logo.png" alt="Logo" />
</div>
<div class="bio">
<p> Cyber Security Guy securing 1+0's for clients with <a href="https://cybercx.com.au">CyberCX</a>, post stuff I love on my <a href="https://blog.david-clarke.id.au">Blog</a> and tweet thoughts on <a href="https://twitter.com/daveclarke_au">Twitter</a>. <br> <br>Contact me securely on <a href="https://keybase.io/davidclarke_au">Keybase</a> or <a href="https://cyph.me/davidclarke">Cyph</a>.</p>
</div>
<div class="network">
<ul>
<li>
<a class="icon-email" href="mailto:dave@david-clarke.id.au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M12.72 2.03A9.991 9.991 0 0 0 2.03 12.72C2.39 18.01 7.01 22 12.31 22H16c.55 0 1-.45 1-1s-.45-1-1-1h-3.67c-3.73 0-7.15-2.42-8.08-6.03c-1.49-5.8 3.91-11.21 9.71-9.71C17.58 5.18 20 8.6 20 12.33v1.1c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57v-1.25c0-2.51-1.78-4.77-4.26-5.12a5.008 5.008 0 0 0-5.66 5.87a4.996 4.996 0 0 0 3.72 3.94c1.84.43 3.59-.16 4.74-1.33c.89 1.22 2.67 1.86 4.3 1.21c1.34-.53 2.16-1.9 2.16-3.34v-1.09c0-5.31-3.99-9.93-9.28-10.29zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z" fill="black"/></svg>
</svg>
</a>
</li>
<li>
<a class="icon-twitter" href="https://twitter.com/daveclarke_au">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M18.258,3.266c-0.693,0.405-1.46,0.698-2.277,0.857c-0.653-0.686-1.586-1.115-2.618-1.115c-1.98,0-3.586,1.581-3.586,3.53c0,0.276,0.031,0.545,0.092,0.805C6.888,7.195,4.245,5.79,2.476,3.654C2.167,4.176,1.99,4.781,1.99,5.429c0,1.224,0.633,2.305,1.596,2.938C2.999,8.349,2.445,8.19,1.961,7.925C1.96,7.94,1.96,7.954,1.96,7.97c0,1.71,1.237,3.138,2.877,3.462c-0.301,0.08-0.617,0.123-0.945,0.123c-0.23,0-0.456-0.021-0.674-0.062c0.456,1.402,1.781,2.422,3.35,2.451c-1.228,0.947-2.773,1.512-4.454,1.512c-0.291,0-0.575-0.016-0.855-0.049c1.588,1,3.473,1.586,5.498,1.586c6.598,0,10.205-5.379,10.205-10.045c0-0.153-0.003-0.305-0.01-0.456c0.7-0.499,1.308-1.12,1.789-1.827c-0.644,0.28-1.334,0.469-2.06,0.555C17.422,4.782,17.99,4.091,18.258,3.266"></path>
</svg>
</a>
</li>
<li>
<a class="icon-instagram" href="https://www.instagram.com/daveclarke_au/">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M14.52,2.469H5.482c-1.664,0-3.013,1.349-3.013,3.013v9.038c0,1.662,1.349,3.012,3.013,3.012h9.038c1.662,0,3.012-1.35,3.012-3.012V5.482C17.531,3.818,16.182,2.469,14.52,2.469 M13.012,4.729h2.26v2.259h-2.26V4.729z M10,6.988c1.664,0,3.012,1.349,3.012,3.012c0,1.664-1.348,3.013-3.012,3.013c-1.664,0-3.012-1.349-3.012-3.013C6.988,8.336,8.336,6.988,10,6.988 M16.025,14.52c0,0.831-0.676,1.506-1.506,1.506H5.482c-0.831,0-1.507-0.675-1.507-1.506V9.247h1.583C5.516,9.494,5.482,9.743,5.482,10c0,2.497,2.023,4.52,4.518,4.52c2.494,0,4.52-2.022,4.52-4.52c0-0.257-0.035-0.506-0.076-0.753h1.582V14.52z"></path>
</svg>
</a>
</li>
<li>
<a class="icon-linkedin" href="https://www.linkedin.com/in/davidclarkeau/">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 0 1-1.548-1.549 1.548 1.548 0 1 1 1.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z" fill="rgba(255,255,255,1)"/></svg>
</svg>
</a>
</li>
<li>
<a class="icon-discogs" href="https://www.discogs.com/user/daveclarke_au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-5a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" fill="rgba(255,255,255,1)"/></svg>
</svg>
</a>
</li>
<li>
<a class="icon-tumblr" href="https://blog.david-clarke.id.au/">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M11.039,14.123c-0.231-0.129-0.414-0.303-0.498-0.518C10.53,13.568,10.54,9.17,10.54,9.17h3.253V6.75h-3.25V3.5L8.474,3.512C8.386,4.181,8.225,4.733,7.991,5.167C7.756,5.601,7.445,5.972,7.059,6.281C6.673,6.592,6.208,6.828,5.665,6.994l0.001,2.194L7.293,9.17v4.215c0,0.594,0.067,1.047,0.198,1.359c0.133,0.312,0.37,0.607,0.713,0.887c0.343,0.277,0.757,0.49,1.242,0.639c0.484,0.15,1.008,0.23,1.64,0.23c0.555,0,1.006-0.057,1.484-0.164c0.479-0.104,1.165-0.287,1.756-0.549l0.009-1.996c-0.692,0.428-1.549,0.59-2.247,0.59C11.693,14.381,11.344,14.293,11.039,14.123"></path>
</svg>
</a>
</li>
<li>
<a class="icon-untapped" href="https://untappd.com/user/daveclarke_au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M11 13.299l-5.824 8.133c-.298.416-.8.635-1.308.572c-.578-.072-1.374-.289-2.195-.879S.392 19.849.139 19.323a1.402 1.402 0 0 1 .122-1.425l5.824-8.133a3.066 3.066 0 0 1 1.062-.927l1.146-.604c.23-.121.436-.283.608-.478c.556-.631 2.049-2.284 4.696-4.957l.046-.212a.134.134 0 0 1 .096-.1l.146-.037a.135.135 0 0 0 .101-.141l-.015-.18a.13.13 0 0 1 .125-.142c.176-.005.518.046 1.001.393s.64.656.692.824a.13.13 0 0 1-.095.164l-.175.044a.133.133 0 0 0-.101.141l.012.15a.131.131 0 0 1-.063.123l-.186.112c-1.679 3.369-2.764 5.316-3.183 6.046a2.157 2.157 0 0 0-.257.73l-.205 1.281A3.074 3.074 0 0 1 11 13.3zm12.739 4.598l-5.824-8.133a3.066 3.066 0 0 0-1.062-.927l-1.146-.605a2.138 2.138 0 0 1-.608-.478a50.504 50.504 0 0 0-.587-.654a.089.089 0 0 0-.142.018a97.261 97.261 0 0 1-1.745 3.223a1.42 1.42 0 0 0-.171.485a3.518 3.518 0 0 0 0 1.103l.01.064c.075.471.259.918.536 1.305l5.824 8.133c.296.413.79.635 1.294.574a4.759 4.759 0 0 0 2.209-.881a4.762 4.762 0 0 0 1.533-1.802a1.4 1.4 0 0 0-.122-1.425zM8.306 3.366l.175.044a.134.134 0 0 1 .101.141l-.012.15a.13.13 0 0 0 .063.123l.186.112c.311.623.599 1.194.869 1.721c.026.051.091.06.129.019c.437-.469.964-1.025 1.585-1.668a.137.137 0 0 0 .003-.19c-.315-.322-.645-.659-1.002-1.02l-.046-.212a.13.13 0 0 0-.096-.099l-.146-.037a.135.135 0 0 1-.101-.141l.015-.18a.13.13 0 0 0-.123-.142c-.175-.005-.518.045-1.002.393c-.483.347-.64.656-.692.824a.13.13 0 0 0 .095.164z" fill="#626262"/></svg>
</a>
</li>
<li>
<a class="icon-medium" href="https://medium.com/@david.clarke.au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h14V5H5zm12.3 10.94l.955.954v.05h-4.921v-.05l1.004-.954c.1-.1.15-.2.15-.351V9.664c0-.252 0-.603.051-.904l-3.314 8.285h-.05L7.76 9.412c-.05-.2-.1-.2-.15-.3v5.02c-.051.352 0 .653.15.955l1.356 1.807v.05H5.5v-.05l1.356-1.858c.15-.3.2-.652.15-.954V8.56c0-.251-.05-.553-.25-.753L5.851 6.55V6.5h3.515l2.912 6.478L14.84 6.5h3.415v.05l-.954 1.105c-.1.1-.15.251-.15.351v7.633c0 .1.05.251.15.301z" fill="rgba(255,255,255,1)"/></svg>
</a>
</li>
<li>
<a class="icon-keybase" href="https://keybase.io/davidclarke_au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M17 14h-4.341a6 6 0 1 1 0-4H23v4h-2v4h-4v-4zM7 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" fill="rgba(255,255,255,1)"/></svg>
</svg>
</a>
</li>
<li>
<a class="icon-Cyph" href="https://cyph.me/davidclarke">
<svg class="svg-icon" viewBox="0 0 32 32">
<path d="M28 8v20h-24v-20l4-4 4 4v4h8v-4l4-4 4 4z"/></svh>
</svg>
</a>
</li>
<li>
<a class="icon-github" href="https://github.com/davidclarke-au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476 0-.237-.013-1.024-.013-1.862-2.512.463-3.162-.612-3.362-1.175-.113-.288-.6-1.175-1.025-1.413-.35-.187-.85-.65-.013-.662.788-.013 1.35.725 1.538 1.025.9 1.512 2.338 1.087 2.912.825.088-.65.35-1.087.638-1.337-2.225-.25-4.55-1.113-4.55-4.938 0-1.088.387-1.987 1.025-2.688-.1-.25-.45-1.275.1-2.65 0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337 1.912-1.3 2.75-1.024 2.75-1.024.55 1.375.2 2.4.1 2.65.637.7 1.025 1.587 1.025 2.687 0 3.838-2.337 4.688-4.562 4.938.362.312.675.912.675 1.85 0 1.337-.013 2.412-.013 2.75 0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z" fill="rgba(255,255,255,1)"/></svg>
</a>
</li>
<li>
<a class="icon-gitlab" href="https://gitlab.com/davidclarke-au">
<svg class="svg-icon" viewBox="0 0 24 24">
<path d="M5.868 2.75L8 10h8l2.132-7.25a.4.4 0 0 1 .765-.01l3.495 10.924a.5.5 0 0 1-.173.55L12 22 1.78 14.214a.5.5 0 0 1-.172-.55L5.103 2.74a.4.4 0 0 1 .765.009z" fill="rgba(255,255,255,1)"/></svg>
</a>
</li>
</ul>
</div>
<div class="credit">
<p class="copyright">©2020 <a href="https://github.com/davidclarke-au/david-clarke.id.au">David Clarke</a> - <a href="https://onepagelove.com/me">Me Template</a></p>
<!--
To edit this credit you can remove the CCA 3.0 license for only $5 here: https://onepagelove.com/me
this really helps contribute towards us developing more templates and means the world to me!
Cheers, Rob (@robhope)
-->
</div>
</div>
</div>
</body>
</html>Thanks to Rob for an awesome template.
Hey Friend 👋
Thanks for downloading the Me One Page HTML template. Me is a slick, personal template for any individual wanting a minimal online presence. Features include a big background image or video, logo, bio and icons.
This HTML template holds a CCA 3.0 License - meaning you can do whatever you want (even commercially) but you need to keep the template footer credit linking back to One Page Love. To remove the credit simply buy a license on the template download page on One Page Love: https://onepagelove.com/me
- Me HTML Download
- Me HTML Demo
- Me HTML YouTube Video Demo
- Me HTML Self-Hosted Video Demo
- Remove Me CCA 3.0 license
- Me WordPress Theme
- Me as a WordPress Plugin - works with any WordPress theme
Image Only (demo)
- Replace the
background.jpgimage (with the same filename) in theimagesfolder. If you want to use a PNG, simply edit the CSS in stylesheet
YouTube Video (demo)
- Change the YouTube video ID with your YouTube video ID eg.
dk9uNWPP7EA - Make sure you keep the
/embedURL and don't paste in a normal YouTube URL - Tip: Also add your video ID to the
playlistvariable right at the end of the long YouTube string URL to ensure it loops
Self-Hosted Video (demo)
- Replace the
background.mp4video (with the same filename) in thevideosfolder. If you want to use a different filename, simply edit the code within the index-video-hosted.html file
- Dude Image by Forrest Cavale
- Asian Fan Shop Video by Galen Crout
- SVG Social Icons by Baptiste Briel
- Email me bugs or any requests on rob@onepagelove.com and I'll try point you in the right direction :)
Cheers,
Rob
@robhope