ananke.blade.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323
  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="/pcd/{{ $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. <section class="w-100 mw8">
  101. <div class="relative w-100 mb4">
  102. <article class="bb b--black-10">
  103. <div class="db pv4 ph3 ph0-l no-underline dark-gray">
  104. <div class="flex flex-column flex-row-ns">
  105. <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
  106. <a href="/post/chapter-6/" class="db grow">
  107. <img
  108. src="https://gohugo-ananke-theme-demo.netlify.app/images/esmeralda.jpg"
  109. class="img"
  110. alt="image from Chapter VI: Esmeralda"
  111. />
  112. </a>
  113. </div>
  114. <div class="blah w-100 w-60-ns pl3-ns">
  115. <h1 class="f3 fw1 athelas mt0 lh-title">
  116. <a href="/post/chapter-6/" class="color-inherit dim link">
  117. Chapter VI: Esmeralda
  118. </a>
  119. </h1>
  120. <div
  121. class="f6 f5-l lh-copy nested-copy-line-height nested-links"
  122. >
  123. We are delighted to be able to inform the reader, that
  124. during the whole of this scene, Gringoire and his piece
  125. had stood firm. His actors, spurred on by him, had not
  126. ceased to spout his comedy, and he had not ceased to
  127. listen to it. He had made up his mind about the tumult,
  128. and was determined to proceed to the end, not giving up
  129. the hope of a return of attention on the part of the
  130. public.
  131. </div>
  132. <a
  133. href="/post/chapter-6/"
  134. class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
  135. >read more</a
  136. >
  137. </div>
  138. </div>
  139. </div>
  140. </article>
  141. </div>
  142. <div class="relative w-100 mb4">
  143. <article class="bb b--black-10">
  144. <div class="db pv4 ph3 ph0-l no-underline dark-gray">
  145. <div class="flex flex-column flex-row-ns">
  146. <div class="blah w-100">
  147. <h1 class="f3 fw1 athelas mt0 lh-title">
  148. <a href="/post/chapter-5/" class="color-inherit dim link">
  149. Chapter V: Quasimodo
  150. </a>
  151. </h1>
  152. <div
  153. class="f6 f5-l lh-copy nested-copy-line-height nested-links"
  154. >
  155. In the twinkling of an eye, all was ready to execute
  156. Coppenole’s idea. Bourgeois, scholars and law clerks all
  157. set to work. The little chapel situated opposite the
  158. marble table was selected for the scene of the grinning
  159. match. A pane broken in the pretty rose window above the
  160. door, left free a circle of stone through which it was
  161. agreed that the competitors should thrust their heads. In
  162. order to reach it, it was only necessary to mount upon a
  163. couple of hogsheads, which had been produced from I know
  164. not where, and perched one upon the other, after a
  165. fashion.
  166. </div>
  167. <a
  168. href="/post/chapter-5/"
  169. class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
  170. >read more</a
  171. >
  172. </div>
  173. </div>
  174. </div>
  175. </article>
  176. </div>
  177. <div class="relative w-100 mb4">
  178. <article class="bb b--black-10">
  179. <div class="db pv4 ph3 ph0-l no-underline dark-gray">
  180. <div class="flex flex-column flex-row-ns">
  181. <div class="blah w-100">
  182. <h1 class="f3 fw1 athelas mt0 lh-title">
  183. <a href="/post/chapter-4/" class="color-inherit dim link">
  184. Chapter IV: Master Jacques Coppenole
  185. </a>
  186. </h1>
  187. <div
  188. class="f6 f5-l lh-copy nested-copy-line-height nested-links"
  189. >
  190. While the pensioner of Ghent and his eminence were
  191. exchanging very low bows and a few words in voices still
  192. lower, a man of lofty stature, with a large face and broad
  193. shoulders, presented himself, in order to enter abreast
  194. with Guillaume Rym; one would have pronounced him a
  195. bull-dog by the side of a fox. His felt doublet and
  196. leather jerkin made a spot on the velvet and silk which
  197. surrounded him.
  198. </div>
  199. <a
  200. href="/post/chapter-4/"
  201. class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1"
  202. >read more</a
  203. >
  204. </div>
  205. </div>
  206. </div>
  207. </article>
  208. </div>
  209. </section>
  210. <section class="w-100">
  211. <h1 class="f3">More</h1>
  212. <h2 class="f5 fw4 mb4 dib mr3">
  213. <a href="/post/chapter-3/" class="link black dim">
  214. Chapter III: Monsieur the Cardinal
  215. </a>
  216. </h2>
  217. <h2 class="f5 fw4 mb4 dib mr3">
  218. <a href="/post/chapter-2/" class="link black dim">
  219. Chapter II: Pierre Gringoire
  220. </a>
  221. </h2>
  222. <h2 class="f5 fw4 mb4 dib mr3">
  223. <a href="/post/chapter-1/" class="link black dim">
  224. Chapter I: The Grand Hall
  225. </a>
  226. </h2>
  227. <a
  228. href="/post/"
  229. class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc"
  230. >All Articles</a
  231. >
  232. </section>
  233. </div>
  234. </main>
  235. <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
  236. <div class="flex justify-between">
  237. <a
  238. class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3"
  239. href="https://gohugo-ananke-theme-demo.netlify.app"
  240. >
  241. © Ananke 2022
  242. </a>
  243. <div>
  244. <div class="ananke-socials">
  245. <a
  246. href="https://twitter.com/GoHugoIO"
  247. target="_blank"
  248. class="twitter ananke-social-link link-transition stackoverflow link dib z-999 pt3 pt0-l mr1"
  249. title="Twitter link"
  250. rel="noopener"
  251. aria-label="follow on Twitter——Opens in a new window"
  252. >
  253. <span class="icon"
  254. ><svg
  255. style="enable-background: new 0 0 67 67"
  256. version="1.1"
  257. viewBox="0 0 67 67"
  258. xml:space="preserve"
  259. xmlns="http://www.w3.org/2000/svg"
  260. xmlns:xlink="http://www.w3.org/1999/xlink"
  261. >
  262. <path
  263. 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"
  264. style="fill-rule: evenodd; clip-rule: evenodd"
  265. ></path>
  266. </svg>
  267. </span>
  268. <span class="new-window"
  269. ><svg
  270. height="8px"
  271. style="enable-background: new 0 0 1000 1000"
  272. version="1.1"
  273. viewBox="0 0 1000 1000"
  274. xml:space="preserve"
  275. xmlns="http://www.w3.org/2000/svg"
  276. xmlns:xlink="http://www.w3.org/1999/xlink"
  277. >
  278. <path
  279. 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"
  280. style="fill-rule: evenodd; clip-rule: evenodd"
  281. ></path>
  282. </svg> </span
  283. ></a>
  284. </div>
  285. </div>
  286. </div>
  287. </footer>
  288. <iframe
  289. frameborder="0"
  290. scrolling="no"
  291. style="background-color: transparent; border: 0px; display: none"
  292. ></iframe>
  293. <div
  294. id="GOOGLE_INPUT_CHEXT_FLAG"
  295. input=""
  296. input_stat='{"tlang":true,"tsbc":true,"pun":true,"mk":true,"ss":true}'
  297. style="display: none"
  298. ></div>
  299. <div id="monica-content-root" class="monica-widget"></div>
  300. </body>
  301. </html>