My small website
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 3.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <html>
  2. <head>
  3. <title>ggenois - Gabriel Genois</title>
  4. <meta charset="UTF-8" />
  5. <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  6. <meta property="og:title" content="ggenois - Gabriel Genois" />
  7. <meta property="og:url" content="https://ggenois.dev/" />
  8. <meta property="og:type" content="website" />
  9. <meta property="og:description" content="Personnal website of Gabriel Genois." />
  10. <meta property="og:image:url" content="https://ggenois.dev/ggenois.jpeg" />
  11. <meta property="og:image:width" content="200" />
  12. <meta property="og:image:height" content="200" />
  13. <meta property="og:image:alt" content="Gabriel Genois" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15. <style>
  16. @font-face {
  17. font-family: "MyInconsolata";
  18. src: url("Inconsolata.otf") format("opentype")
  19. }
  20. body {
  21. font-family: MyInconsolata, mono;
  22. margin: 0px;
  23. padding: 0px;
  24. background: #1e1e1e;
  25. color: #babdb6
  26. }
  27. @media only screen and (min-width: 601px) {
  28. #main {
  29. width: 850px;
  30. margin: 5% auto;
  31. font-size: 20px;
  32. }
  33. ul {
  34. list-style: none;
  35. }
  36. }
  37. @media only screen and (max-width: 600px) {
  38. #main {
  39. padding: 5px 15px;
  40. }
  41. ul {
  42. list-style: none;
  43. margin-left: 0px;
  44. padding-left: 0px;
  45. }
  46. }
  47. h1, h2 {
  48. color: #8ae234;
  49. }
  50. h1:before {
  51. content: "#";
  52. }
  53. h2:before {
  54. content: "##";
  55. }
  56. ul li {
  57. margin-bottom: 5px;
  58. }
  59. ul li::before {
  60. content: "-";
  61. font-weight: bold;
  62. color: #fff;
  63. }
  64. a {
  65. transition: background-color 0.1s ease;
  66. color: #fff;
  67. padding:2px;
  68. }
  69. a:before {
  70. color: #fff;
  71. content: "[";
  72. }
  73. a:after {
  74. color: #fff;
  75. content: "]";
  76. }
  77. a:hover {
  78. background: #2d2d2d;
  79. }
  80. a:active, a:focus {
  81. background: #15539e;
  82. }
  83. a:disabled, a:focus {
  84. background: #15539e;
  85. }
  86. </style>
  87. </head>
  88. <body>
  89. <div id="main">
  90. <h1>
  91. ggenois.dev
  92. </h1>
  93. <h2>
  94. Hello friend
  95. </h2>
  96. <p>
  97. My name is <strong>Gabriel Genois</strong>, I'm from Canada and I now reside in France.
  98. I have 12 years of experience in web programming and about the same with GNU/Linux.
  99. </p>
  100. <h2>
  101. Stuff
  102. </h2>
  103. <ul>
  104. <li>
  105. My personnal <a href="https://git.sdf.org/dfstorm/" target="_blank">git repo</a> on git.sdf.org.
  106. </li>
  107. <li>
  108. My presence on IRC: <strong>dfstorm</strong> on freenode.
  109. </li>
  110. <li>
  111. Social media: <strong>df5t0rw</strong> on <a rel="me" href="https://mastodon.sdf.org/@df5t0rw" target="_blank">Mastodon</a>
  112. </li>
  113. <!--<li>
  114. My resume: <a href="" target="_blank">PDF</a>, <a href="" target="_blank">MD</a> or <a href="" target="_blank">LaTeX</a>.
  115. </li> -->
  116. </ul>
  117. <p>
  118. This NGINX server is hosted on a small <a href="https://beagleboard.org/black-wireless" target="_blank">BeagleBone Black Wireless</a><br />running <a href="https://archlinuxarm.org/platforms/armv7/ti/beaglebone-black-wireless" target="_blank">Archlinux ARM</a>.
  119. </p>
  120. <p>Last edited: 06/2020</p>
  121. </div>
  122. </body>
  123. </html>