2
0

index.blade.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325
  1. <html lang="en-us">
  2. <head>
  3. <meta charset="utf-8" />
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  5. <title>Ananke: a Hugo Theme | Ananke</title>
  6. <meta name="viewport" content="width=device-width,minimum-scale=1" />
  7. <meta
  8. name="description"
  9. content="The last theme you'll ever need. Maybe."
  10. />
  11. <meta name="generator" content="Hugo 0.92.1" />
  12. <meta name="robots" content="noindex, nofollow" />
  13. <link rel="stylesheet" href="{{ URL::asset('assets/css/ananke/main.min.css') }}" />
  14. <link
  15. href="/index.xml"
  16. rel="alternate"
  17. type="application/rss+xml"
  18. title="Ananke"
  19. />
  20. <link
  21. href="/index.xml"
  22. rel="feed"
  23. type="application/rss+xml"
  24. title="Ananke"
  25. />
  26. <meta property="og:title" content="Ananke: a Hugo Theme" />
  27. <meta
  28. property="og:description"
  29. content="The last theme you'll ever need. Maybe."
  30. />
  31. <meta property="og:type" content="website" />
  32. <meta
  33. property="og:url"
  34. content="https://gohugo-ananke-theme-demo.netlify.app/"
  35. />
  36. <meta property="og:site_name" content="Ananke" />
  37. <meta itemprop="name" content="Ananke: a Hugo Theme" />
  38. <meta
  39. itemprop="description"
  40. content="The last theme you'll ever need. Maybe."
  41. />
  42. <meta name="twitter:card" content="summary" />
  43. <meta name="twitter:title" content="Ananke: a Hugo Theme" />
  44. <meta
  45. name="twitter:description"
  46. content="The last theme you'll ever need. Maybe."
  47. />
  48. </head>
  49. <body
  50. class="ma0 avenir bg-near-white"
  51. >
  52. <header
  53. class="cover bg-top"
  54. style="background-image: url('{{ URL::asset('assets/images/hero.jpg') }}');"
  55. >
  56. <div class="bg-black-60">
  57. <nav class="pv3 ph3 ph4-ns" role="navigation">
  58. <div class="flex-l justify-between items-center center">
  59. <a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
  60. wikipali
  61. </a>
  62. <div class="flex-l items-center">
  63. <h4></h4>
  64. <ul class="pl0 mr3">
  65. @foreach ($nav as $item)
  66. <li class="list f5 f4-ns fw4 dib pr3">
  67. <a
  68. class="hover-white no-underline white-90"
  69. href="/my/{{ $item['link'] }}"
  70. title="{{ $item['title'] }}"
  71. >
  72. {{ $item['title'] }}
  73. </a>
  74. </li>
  75. @endforeach
  76. </ul>
  77. </div>
  78. </div>
  79. </nav>
  80. <div class="tc-l pv4 pv6-l ph3 ph4-ns">
  81. <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
  82. {{ $title }}
  83. </h1>
  84. <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
  85. {{ $subtitle }}
  86. </h2>
  87. </div>
  88. </div>
  89. </header>
  90. <main class="pb7" role="main">
  91. <article
  92. class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray"
  93. >
  94. <p>
  95. Welcome to my blog with some of my work in progress. I’ve been working
  96. on this book idea. You can read some of the chapters below.
  97. </p>
  98. </article>
  99. <div class="pa3 pa4-ns w-100 w-70-ns center">
  100. <h1 class="flex-none">Recent Articles</h1>
  101. <section class="w-100 mw8">
  102. <div class="relative w-100 mb4">
  103. <article class="bb b--black-10">
  104. <div class="db pv4 ph3 ph0-l no-underline dark-gray">
  105. <div class="flex flex-column flex-row-ns">
  106. <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
  107. <a href="/post/chapter-6/" class="db grow">
  108. <img
  109. src="https://gohugo-ananke-theme-demo.netlify.app/images/esmeralda.jpg"
  110. class="img"
  111. alt="image from Chapter VI: Esmeralda"
  112. />
  113. </a>
  114. </div>
  115. <div class="blah w-100 w-60-ns pl3-ns">
  116. <h1 class="f3 fw1 athelas mt0 lh-title">
  117. <a href="/post/chapter-6/" class="color-inherit dim link">
  118. Chapter VI: Esmeralda
  119. </a>
  120. </h1>
  121. <div
  122. class="f6 f5-l lh-copy nested-copy-line-height nested-links"
  123. >
  124. We are delighted to be able to inform the reader, that
  125. during the whole of this scene, Gringoire and his piece
  126. had stood firm. His actors, spurred on by him, had not
  127. ceased to spout his comedy, and he had not ceased to
  128. listen to it. He had made up his mind about the tumult,
  129. and was determined to proceed to the end, not giving up
  130. the hope of a return of attention on the part of the
  131. public.
  132. </div>
  133. <a
  134. href="/post/chapter-6/"
  135. class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
  136. >read more</a
  137. >
  138. </div>
  139. </div>
  140. </div>
  141. </article>
  142. </div>
  143. <div class="relative w-100 mb4">
  144. <article class="bb b--black-10">
  145. <div class="db pv4 ph3 ph0-l no-underline dark-gray">
  146. <div class="flex flex-column flex-row-ns">
  147. <div class="blah w-100">
  148. <h1 class="f3 fw1 athelas mt0 lh-title">
  149. <a href="/post/chapter-5/" class="color-inherit dim link">
  150. Chapter V: Quasimodo
  151. </a>
  152. </h1>
  153. <div
  154. class="f6 f5-l lh-copy nested-copy-line-height nested-links"
  155. >
  156. In the twinkling of an eye, all was ready to execute
  157. Coppenole’s idea. Bourgeois, scholars and law clerks all
  158. set to work. The little chapel situated opposite the
  159. marble table was selected for the scene of the grinning
  160. match. A pane broken in the pretty rose window above the
  161. door, left free a circle of stone through which it was
  162. agreed that the competitors should thrust their heads. In
  163. order to reach it, it was only necessary to mount upon a
  164. couple of hogsheads, which had been produced from I know
  165. not where, and perched one upon the other, after a
  166. fashion.
  167. </div>
  168. <a
  169. href="/post/chapter-5/"
  170. class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
  171. >read more</a
  172. >
  173. </div>
  174. </div>
  175. </div>
  176. </article>
  177. </div>
  178. <div class="relative w-100 mb4">
  179. <article class="bb b--black-10">
  180. <div class="db pv4 ph3 ph0-l no-underline dark-gray">
  181. <div class="flex flex-column flex-row-ns">
  182. <div class="blah w-100">
  183. <h1 class="f3 fw1 athelas mt0 lh-title">
  184. <a href="/post/chapter-4/" class="color-inherit dim link">
  185. Chapter IV: Master Jacques Coppenole
  186. </a>
  187. </h1>
  188. <div
  189. class="f6 f5-l lh-copy nested-copy-line-height nested-links"
  190. >
  191. While the pensioner of Ghent and his eminence were
  192. exchanging very low bows and a few words in voices still
  193. lower, a man of lofty stature, with a large face and broad
  194. shoulders, presented himself, in order to enter abreast
  195. with Guillaume Rym; one would have pronounced him a
  196. bull-dog by the side of a fox. His felt doublet and
  197. leather jerkin made a spot on the velvet and silk which
  198. surrounded him.
  199. </div>
  200. <a
  201. href="/post/chapter-4/"
  202. class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
  203. >read more</a
  204. >
  205. </div>
  206. </div>
  207. </div>
  208. </article>
  209. </div>
  210. </section>
  211. <section class="w-100">
  212. <h1 class="f3">More</h1>
  213. <h2 class="f5 fw4 mb4 dib mr3">
  214. <a href="/post/chapter-3/" class="link black dim">
  215. Chapter III: Monsieur the Cardinal
  216. </a>
  217. </h2>
  218. <h2 class="f5 fw4 mb4 dib mr3">
  219. <a href="/post/chapter-2/" class="link black dim">
  220. Chapter II: Pierre Gringoire
  221. </a>
  222. </h2>
  223. <h2 class="f5 fw4 mb4 dib mr3">
  224. <a href="/post/chapter-1/" class="link black dim">
  225. Chapter I: The Grand Hall
  226. </a>
  227. </h2>
  228. <a
  229. href="/post/"
  230. class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc"
  231. >All Articles</a
  232. >
  233. </section>
  234. </div>
  235. </main>
  236. <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
  237. <div class="flex justify-between">
  238. <a
  239. class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3"
  240. href="https://gohugo-ananke-theme-demo.netlify.app"
  241. >
  242. © Ananke 2022
  243. </a>
  244. <div>
  245. <div class="ananke-socials">
  246. <a
  247. href="https://twitter.com/GoHugoIO"
  248. target="_blank"
  249. class="twitter ananke-social-link link-transition stackoverflow link dib z-999 pt3 pt0-l mr1"
  250. title="Twitter link"
  251. rel="noopener"
  252. aria-label="follow on Twitter——Opens in a new window"
  253. >
  254. <span class="icon"
  255. ><svg
  256. style="enable-background: new 0 0 67 67"
  257. version="1.1"
  258. viewBox="0 0 67 67"
  259. xml:space="preserve"
  260. xmlns="http://www.w3.org/2000/svg"
  261. xmlns:xlink="http://www.w3.org/1999/xlink"
  262. >
  263. <path
  264. d="M37.167,22.283c-2.619,0.953-4.274,3.411-4.086,6.101 l0.063,1.038l-1.048-0.127c-3.813-0.487-7.145-2.139-9.974-4.915l-1.383-1.377l-0.356,1.017c-0.754,2.267-0.272,4.661,1.299,6.271 c0.838,0.89,0.649,1.017-0.796,0.487c-0.503-0.169-0.943-0.296-0.985-0.233c-0.146,0.149,0.356,2.076,0.754,2.839 c0.545,1.06,1.655,2.097,2.871,2.712l1.027,0.487l-1.215,0.021c-1.173,0-1.215,0.021-1.089,0.467 c0.419,1.377,2.074,2.839,3.918,3.475l1.299,0.444l-1.131,0.678c-1.676,0.976-3.646,1.526-5.616,1.568 C19.775,43.256,19,43.341,19,43.405c0,0.211,2.557,1.397,4.044,1.864c4.463,1.377,9.765,0.783,13.746-1.568 c2.829-1.673,5.657-5,6.978-8.221c0.713-1.716,1.425-4.851,1.425-6.354c0-0.975,0.063-1.102,1.236-2.267 c0.692-0.678,1.341-1.419,1.467-1.631c0.21-0.403,0.188-0.403-0.88-0.043c-1.781,0.636-2.033,0.551-1.152-0.402 c0.649-0.678,1.425-1.907,1.425-2.267c0-0.063-0.314,0.042-0.671,0.233c-0.377,0.212-1.215,0.53-1.844,0.72l-1.131,0.361l-1.027-0.7 c-0.566-0.381-1.361-0.805-1.781-0.932C39.766,21.902,38.131,21.944,37.167,22.283z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4 s30,13.431,30,30S49.568,64,33,64z"
  265. style="fill-rule: evenodd; clip-rule: evenodd"
  266. ></path>
  267. </svg>
  268. </span>
  269. <span class="new-window"
  270. ><svg
  271. height="8px"
  272. style="enable-background: new 0 0 1000 1000"
  273. version="1.1"
  274. viewBox="0 0 1000 1000"
  275. xml:space="preserve"
  276. xmlns="http://www.w3.org/2000/svg"
  277. xmlns:xlink="http://www.w3.org/1999/xlink"
  278. >
  279. <path
  280. d="M598 128h298v298h-86v-152l-418 418-60-60 418-418h-152v-86zM810 810v-298h86v298c0 46-40 86-86 86h-596c-48 0-86-40-86-86v-596c0-46 38-86 86-86h298v86h-298v596h596z"
  281. style="fill-rule: evenodd; clip-rule: evenodd"
  282. ></path>
  283. </svg> </span
  284. ></a>
  285. </div>
  286. </div>
  287. </div>
  288. </footer>
  289. <iframe
  290. frameborder="0"
  291. scrolling="no"
  292. style="background-color: transparent; border: 0px; display: none"
  293. ></iframe>
  294. <div
  295. id="GOOGLE_INPUT_CHEXT_FLAG"
  296. input=""
  297. input_stat='{"tlang":true,"tsbc":true,"pun":true,"mk":true,"ss":true}'
  298. style="display: none"
  299. ></div>
  300. <div id="monica-content-root" class="monica-widget"></div>
  301. </body>
  302. </html>