Pure HTML/CSS version of OmkovDev
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!--
  2. index.html
  3. Index HTML file for OmkovDev
  4. Copyright (C) 2019, Jakob Wakeling
  5. All rights reserved.
  6. -->
  7. <!DOCTYPE html>
  8. <html>
  9. <head>
  10. <meta charset="UTF-8">
  11. <title>OmkovDev</title>
  12. <meta name="author" content="Jake Wakeling">
  13. <meta name="description" content="Omkov Developer Portfolio">
  14. <meta name="keywords" content="developer, portfolio, C, C++, C#, Java">
  15. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  16. <meta name="theme-color" content="#000000">
  17. <meta property="og:description" content="Omkov Developer Portfolio" />
  18. <meta property="og:image" content="" />
  19. <meta property="og:title" content="OmkovDev" />
  20. <meta property="og:type" content="website" />
  21. <meta property="og:url" content="https://dev.omkov.net/" />
  22. <meta name="twitter:card" content="summary">
  23. <meta name="twitter:description" content="Omkov Developer Portfolio">
  24. <meta name="twitter:image" content="">
  25. <meta name="twitter:title" content="OmkovDev">
  26. <meta name="twitter:url" content="https://dev.omkov.net/">
  27. <link rel="icon" href="favicon.png" />
  28. <style>
  29. html { background-color: #000000; color: #FFFFFF; font-family: sans-serif; font-size: 12pt; }
  30. body { margin: 0 auto; max-width: 60rem; width: 100%; }
  31. header { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; }
  32. #banner { align-items: center; display: flex; font-variant: small-caps; flex-direction: row;
  33. flex-wrap: wrap; justify-content: space-between; padding: 0 2rem; width: 100%; }
  34. #banner > h1 { font-size: 16pt; font-weight: bold; margin: 0; padding: 2rem 0; }
  35. #links { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;
  36. min-width: 7rem; }
  37. #links > a { color: inherit; font-weight: bold; text-decoration: none; }
  38. #info { padding: 0 2rem; }
  39. #info > h1 { font-variant: small-caps; margin: 2rem 0; }
  40. #info > p { font-size: 10pt; font-variant: small-caps; line-height: 1.5; margin: 0; }
  41. #projects { padding: 2rem 2rem; }
  42. #projects > h2 { font-variant: small-caps; margin: 2rem 0; }
  43. .post { background-color: #1A1A22; color: inherit; display: block; margin: 1rem 0; padding: 1rem;
  44. text-decoration: none; }
  45. .post > h3 { color: inherit; font-variant: small-caps; margin: 0; }
  46. .post > p { color: inherit; font-size: 10pt; font-variant: small-caps; margin: 0; }
  47. </style>
  48. </head>
  49. <body>
  50. <header>
  51. <div id="banner">
  52. <h1>Jake Wakeling</h1>
  53. <div id="links">
  54. <a href="https://git.omkov.net/Jamozed">Git</a>
  55. <a href="mailto:[email protected]">Contact</a>
  56. </div>
  57. </div>
  58. </header>
  59. <div id="info">
  60. <h1>Backend Software Developer</h1>
  61. <p>I am primarily a backend developer with particular experience in C, C++, C# and Java.</p>
  62. <p>Additional skills include pfSense.</p>
  63. <p>While I am capable of frontend in a pinch, its not a strong suit as can be seen by this website.</p>
  64. </div>
  65. <div id="projects">
  66. <h2>Notable Projects</h2>
  67. <a class="post" href="https://git.omkov.net/Jamozed/OmegaARc">
  68. <h3>OmegaARc</h3>
  69. <p>An experimental archive file format like TAR, written in C/C++.</p>
  70. </a>
  71. <a class="post" href="https://git.omkov.net/Jamozed/C8E">
  72. <h3>C8E</h3>
  73. <p>A threaded Chip-8 emulator, written in C/C++ using SDL2.</p>
  74. </a>
  75. <a class="post" href="https://git.omkov.net/Jamozed/BFtC">
  76. <h3>BFtC</h3>
  77. <p>BrainFuck to C converter with optimisation, written in C.</p>
  78. </a>
  79. <a class="post" href="https://git.omkov.net/Jamozed/HexView">
  80. <h3>HexView</h3>
  81. <p>A simple command line hex viewer, written in C/C++.</p>
  82. </a>
  83. <a class="post" href="https://git.omkov.net/Jamozed/OmkovDevStatic">
  84. <h3>OmkovDevStatic</h3>
  85. <p>This website, a single HTML file with internal styling, incredible!</p>
  86. </a>
  87. <a class="post" href="https://git.omkov.net/Jamozed/oHash">
  88. <h3>oHash</h3>
  89. <p>A collection of tools and functions pertaining to cryptography, written in C/C++.</p>
  90. <p>This consists of some standard C/C++ cryptographic function implementations.</p>
  91. </a>
  92. </div>
  93. </body>
  94. </html>