diff --git a/.github/workflows/Deploy.yml b/.github/workflows/Deploy.yml index 7919ab5..4685751 100644 --- a/.github/workflows/Deploy.yml +++ b/.github/workflows/Deploy.yml @@ -12,6 +12,8 @@ jobs: permissions: write-all steps: - uses: actions/checkout@v4 + with: + ref: ${{ github.event.pull_request.head.sha || github.sha }} - name: Set preview path for PRs run: echo 'PRID=${{ env.PREVIEWS_PREFIX}}${{ github.event.number}}' >> $GITHUB_ENV @@ -23,6 +25,7 @@ jobs: SITE_FOLDER: "./" BASE_URL_PREFIX: BioTutorials PREVIEW: ${{ env.PRID }} + JULIA_PRE: 'import Pkg; Pkg.setprotocol!(protocol="https")' - name: Comment PR preview URL uses: thollander/actions-comment-pull-request@v2 diff --git a/Manifest.toml b/Manifest.toml index 5c0d76b..4eb0322 100644 --- a/Manifest.toml +++ b/Manifest.toml @@ -1,6 +1,6 @@ # This file is machine-generated - editing it directly is not advised -julia_version = "1.12.4" +julia_version = "1.12.6" manifest_format = "2.0" project_hash = "57335380a5f22d199074bfbf000d7ad2a3f1ad9e" @@ -21,32 +21,21 @@ version = "1.11.0" uuid = "2a0f44e3-6c83-55bd-87e4-b1978d98bd5f" version = "1.11.0" -[[deps.BitFlags]] -git-tree-sha1 = "0691e34b3bb8be9307330f88d1a3c3f25466c24d" -uuid = "d1d4a3ce-64b1-5f1a-9ba4-7e7e69966f35" -version = "0.1.9" - [[deps.CRC32c]] uuid = "8bf52ea8-c179-5cab-976a-9e18b702a9bc" version = "1.11.0" [[deps.CodecZlib]] deps = ["TranscodingStreams", "Zlib_jll"] -git-tree-sha1 = "962834c22b66e32aa10f7611c08c8ca4e20749a9" +git-tree-sha1 = "970758a3d591a2a5c2a907c53f2e2f8c1b1d3537" uuid = "944b1d66-785c-5afd-91f1-9de20f533193" -version = "0.7.8" +version = "0.7.9" [[deps.CompilerSupportLibraries_jll]] deps = ["Artifacts", "Libdl"] uuid = "e66e0078-7015-5450-92f7-15fbd957f2ae" version = "1.3.0+1" -[[deps.ConcurrentUtilities]] -deps = ["Serialization", "Sockets"] -git-tree-sha1 = "d9d26935a0bcffc87d2613ce14c527c99fc543fd" -uuid = "f0e56b4a-5159-44fe-b623-3e5288b988bb" -version = "2.5.0" - [[deps.Dates]] deps = ["Printf"] uuid = "ade2ca70-3891-5945-98fb-dc099432e06a" @@ -57,11 +46,10 @@ deps = ["ArgTools", "FileWatching", "LibCURL", "NetworkOptions"] uuid = "f43a241f-c20a-4ad4-852c-f6b1247861c6" version = "1.7.0" -[[deps.ExceptionUnwrapping]] -deps = ["Test"] -git-tree-sha1 = "d36f682e590a83d63d1c7dbd287573764682d12a" -uuid = "460bff9d-24e4-43bc-9d9f-a8973cb893f4" -version = "0.1.11" +[[deps.EnumX]] +git-tree-sha1 = "c49898e8438c828577f04b92fc9368c388ac783c" +uuid = "4e289a0a-7415-4d19-859d-a7e5c4648b56" +version = "1.0.7" [[deps.FileWatching]] uuid = "7b1f6079-737a-58dc-b8bc-7a2ca5c1b5ee" @@ -74,10 +62,10 @@ uuid = "796511e7-1510-466f-ad0c-1823c64bcafa" version = "0.7.1" [[deps.HTTP]] -deps = ["Base64", "CodecZlib", "ConcurrentUtilities", "Dates", "ExceptionUnwrapping", "Logging", "LoggingExtras", "MbedTLS", "NetworkOptions", "OpenSSL", "PrecompileTools", "Random", "SimpleBufferStream", "Sockets", "URIs", "UUIDs"] -git-tree-sha1 = "5e6fe50ae7f23d171f44e311c2960294aaa0beb5" +deps = ["Base64", "CodecZlib", "Dates", "EnumX", "PrecompileTools", "Random", "Reseau", "SHA", "URIs", "UUIDs", "Zlib_jll"] +git-tree-sha1 = "d6e390d1515836237b837fb7b6fca7ba1d752db6" uuid = "cd3eb016-35fb-5094-929b-558a96fad6f3" -version = "1.10.19" +version = "2.6.5" [[deps.Hyperscript]] deps = ["Test"] @@ -96,17 +84,11 @@ deps = ["Markdown"] uuid = "b77e0a4c-d291-57a0-90e8-8db25a27a240" version = "1.11.0" -[[deps.JLLWrappers]] -deps = ["Artifacts", "Preferences"] -git-tree-sha1 = "0533e564aae234aff59ab625543145446d8b6ec2" -uuid = "692b3bcd-3c85-4b1f-b108-f13ce0eb3210" -version = "1.7.1" - [[deps.JSON]] deps = ["Dates", "Logging", "Parsers", "PrecompileTools", "StructUtils", "UUIDs", "Unicode"] -git-tree-sha1 = "b3ad4a0255688dcb895a52fafbaae3023b588a90" +git-tree-sha1 = "c7345ab1a7ca4dc8a02c9f6510da0d9857bbe513" uuid = "682c06a0-de6a-54ab-a142-c8b1cf79cde6" -version = "1.4.0" +version = "1.7.1" [deps.JSON.extensions] JSONArrowExt = ["ArrowTypes"] @@ -155,43 +137,25 @@ uuid = "98b081ad-f1c9-55d3-8b20-4c87d4299306" version = "2.21.0" [[deps.LiveServer]] -deps = ["HTTP", "LoggingExtras", "MIMEs", "Sockets", "Test"] -git-tree-sha1 = "9f65b8a9989e6acb6e216785dd0c748d9569fc9b" +deps = ["HTTP", "MIMEs", "Sockets", "Test"] +git-tree-sha1 = "aeb86e2e29d4e340dc687f4b85a58fba89267def" uuid = "16fef848-5104-11e9-1b77-fb7a48bbb589" -version = "1.5.0" +version = "1.6.0" [[deps.Logging]] uuid = "56ddb016-857b-54e1-b83d-db4d58db5568" version = "1.11.0" -[[deps.LoggingExtras]] -deps = ["Dates", "Logging"] -git-tree-sha1 = "f00544d95982ea270145636c181ceda21c4e2575" -uuid = "e6f89c97-d47a-5376-807f-9c37f3926c36" -version = "1.2.0" - [[deps.MIMEs]] -git-tree-sha1 = "65f28ad4b594aebe22157d6fac869786a255b7eb" +git-tree-sha1 = "c64d943587f7187e751162b3b84445bbbd79f691" uuid = "6c6e2e6c-3030-632d-7369-2d6c69616d65" -version = "0.1.4" +version = "1.1.0" [[deps.Markdown]] deps = ["Base64", "JuliaSyntaxHighlighting", "StyledStrings"] uuid = "d6f4376e-aef5-505a-96c1-9c027394607a" version = "1.11.0" -[[deps.MbedTLS]] -deps = ["Dates", "MbedTLS_jll", "MozillaCACerts_jll", "NetworkOptions", "Random", "Sockets"] -git-tree-sha1 = "c067a280ddc25f196b5e7df3877c6b226d390aaf" -uuid = "739be429-bea8-5141-9913-cc70e7f3736d" -version = "1.1.9" - -[[deps.MbedTLS_jll]] -deps = ["Artifacts", "JLLWrappers", "Libdl"] -git-tree-sha1 = "ff69a2b1330bcb730b9ac1ab7dd680176f5896b8" -uuid = "c8ffd9c3-330d-5841-b78e-0817d7145fa1" -version = "2.28.1010+0" - [[deps.MozillaCACerts_jll]] uuid = "14a3606d-f60d-562e-9121-12d972cd8159" version = "2025.11.4" @@ -206,27 +170,21 @@ git-tree-sha1 = "bf1f49fd62754064bc42490a8ddc2aa3694a8e7a" uuid = "2bd173c7-0d6d-553b-b6af-13a54713934c" version = "2.0.0" -[[deps.OpenSSL]] -deps = ["BitFlags", "Dates", "MozillaCACerts_jll", "NetworkOptions", "OpenSSL_jll", "Sockets"] -git-tree-sha1 = "1d1aaa7d449b58415f97d2839c318b70ffb525a0" -uuid = "4d8831e6-92b7-49fb-bdf8-b643e874388c" -version = "1.6.1" - [[deps.OpenSSL_jll]] deps = ["Artifacts", "Libdl"] uuid = "458c3c95-2e84-50aa-8efc-19380b2a3a95" version = "3.5.4+0" [[deps.OrderedCollections]] -git-tree-sha1 = "05868e21324cede2207c6f0f466b4bfef6d5e7ee" +git-tree-sha1 = "94ba93778373a53bfd5a0caaf7d809c445292ff4" uuid = "bac558e1-5e72-5ebc-8fee-abe8a469f55d" -version = "1.8.1" +version = "1.8.2" [[deps.Parsers]] deps = ["Dates", "PrecompileTools", "UUIDs"] -git-tree-sha1 = "7d2f8f21da5db6a806faf7b9b292296da42b2810" +git-tree-sha1 = "3de8f5e6e90ebfa8d6d1f86997d6cdcd6a912ff3" uuid = "69de0a69-1ddd-5017-9359-2bf0b02dc9f0" -version = "2.8.3" +version = "2.8.7" [[deps.Pkg]] deps = ["Artifacts", "Dates", "Downloads", "FileWatching", "LibGit2", "Libdl", "Logging", "Markdown", "Printf", "Random", "SHA", "TOML", "Tar", "UUIDs", "p7zip_jll"] @@ -239,15 +197,15 @@ weakdeps = ["REPL"] [[deps.PrecompileTools]] deps = ["Preferences"] -git-tree-sha1 = "07a921781cab75691315adc645096ed5e370cb77" +git-tree-sha1 = "edbeefc7a4889f528644251bdb5fc9ab5348bc2c" uuid = "aea7be01-6a6a-4083-8856-8a6e6704d82a" -version = "1.3.3" +version = "1.3.4" [[deps.Preferences]] deps = ["TOML"] -git-tree-sha1 = "522f093a29b31a93e34eaea17ba055d850edea28" +git-tree-sha1 = "8b770b60760d4451834fe79dd483e318eee709c4" uuid = "21216c6a-2e73-6563-6e65-726566657250" -version = "1.5.1" +version = "1.5.2" [[deps.Printf]] deps = ["Unicode"] @@ -269,6 +227,12 @@ git-tree-sha1 = "45e428421666073eab6f2da5c9d310d99bb12f9b" uuid = "189a3867-3050-52da-a836-e630ba90ab69" version = "1.2.2" +[[deps.Reseau]] +deps = ["NetworkOptions", "OpenSSL_jll", "PrecompileTools", "Random", "SHA"] +git-tree-sha1 = "ca7b7e19c33dd5dfae91369724d7edc198da29f5" +uuid = "802f3686-a58f-41ce-bb0c-3c43c75bba36" +version = "1.4.0" + [[deps.SHA]] uuid = "ea8e919c-243c-51af-8825-aaa63cd721ce" version = "0.7.0" @@ -277,27 +241,24 @@ version = "0.7.0" uuid = "9e88b42a-f829-5b0c-bbe9-9e923198166b" version = "1.11.0" -[[deps.SimpleBufferStream]] -git-tree-sha1 = "f305871d2f381d21527c770d4788c06c097c9bc1" -uuid = "777ac1f9-54b0-4bf8-805c-2214025038e7" -version = "1.2.0" - [[deps.Sockets]] uuid = "6462fe0b-24de-5631-8697-dd941f90decc" version = "1.11.0" [[deps.StructUtils]] deps = ["Dates", "UUIDs"] -git-tree-sha1 = "28145feabf717c5d65c1d5e09747ee7b1ff3ed13" +git-tree-sha1 = "2d0fc55c61321ba245c47be599570d11bac50303" uuid = "ec057cc2-7a8d-4b58-b3b3-92acb9f63b42" -version = "2.6.3" +version = "2.8.5" [deps.StructUtils.extensions] StructUtilsMeasurementsExt = ["Measurements"] + StructUtilsStaticArraysCoreExt = ["StaticArraysCore"] StructUtilsTablesExt = ["Tables"] [deps.StructUtils.weakdeps] Measurements = "eff96d63-e80a-5855-80a2-b1b0885c5ab7" + StaticArraysCore = "1e83bf80-4336-4d27-bf5d-d5a4f845583c" Tables = "bd369af6-aec1-5ad0-b16a-f7cc5008161c" [[deps.StyledStrings]] @@ -325,9 +286,9 @@ uuid = "3bb67fe8-82b1-5028-8e26-92a6c54297fa" version = "0.11.3" [[deps.URIs]] -git-tree-sha1 = "bef26fb046d031353ef97a82e3fdb6afe7f21b1a" +git-tree-sha1 = "908fec9df6c5de98548ead82a468c95ccf6cd263" uuid = "5c2747f8-b7ea-4ff2-ba2e-563bfd36b1d4" -version = "1.6.1" +version = "1.7.0" [[deps.UUIDs]] deps = ["Random", "SHA"] @@ -340,9 +301,9 @@ version = "1.11.0" [[deps.Xranklin]] deps = ["ANSIColoredPrinters", "CRC32c", "Dates", "FranklinParser", "IOCapture", "LiveServer", "Logging", "Markdown", "OrderedCollections", "Pkg", "REPL", "Reexport", "Serialization", "TOML", "URIs"] -git-tree-sha1 = "e6f2ea98dd566b8b6f3418b6fdfa7c7562cb9320" +git-tree-sha1 = "4bdadf14f61b82116761bb937c80205e2ea9c19d" repo-rev = "main" -repo-url = "git@github.com:tlienart/Xranklin.jl.git" +repo-url = "https://github.com/tlienart/Xranklin.jl.git" uuid = "558449b0-171e-4e1f-900f-d076a5ddf486" version = "0.1.0" diff --git a/_css/style.css b/_css/style.css index 4b41de4..646ce78 100644 --- a/_css/style.css +++ b/_css/style.css @@ -461,6 +461,67 @@ img { font-size: 14px; } +/* ================================================================== + Series Cards (from utils.jl hfun_list_series) + ================================================================== */ + +.series-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); + gap: 1.25rem; + margin: 1.5rem 0; +} + +.series-card { + border: 1px solid var(--color-border); + border-top: 3px solid var(--color-brand); + border-radius: 6px; + padding: 1.25rem 1.25rem 1rem; + display: flex; + flex-direction: column; + transition: box-shadow 0.15s ease; +} + +.series-card:hover { + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); +} + +.series-card h2 { + margin: 0 0 0.5rem; + padding: 0; + border: none; + font-size: 1.05rem; +} + +.series-card h2 a { + color: var(--color-text); + font-weight: 600; +} + +.series-card h2 a:hover { + color: var(--color-brand); + text-decoration: none; +} + +.series-card .description { + margin: 0 0 0.75rem; + font-size: 0.875rem; + color: var(--color-text-light); + line-height: 1.6; + flex-grow: 1; +} + +.series-card .series-count { + display: inline-block; + font-size: 0.75rem; + font-weight: 600; + color: var(--color-brand); + background-color: var(--color-bg-soft); + border-radius: 4px; + padding: 0.15rem 0.5rem; + align-self: flex-start; +} + /* ================================================================== Footer ================================================================== */ diff --git a/_layout/header.html b/_layout/header.html index 4052541..5eb520d 100644 --- a/_layout/header.html +++ b/_layout/header.html @@ -1,7 +1,7 @@
- + diff --git a/_sass/adjust.scss b/_sass/adjust.scss deleted file mode 100644 index 8d51102..0000000 --- a/_sass/adjust.scss +++ /dev/null @@ -1,8 +0,0 @@ - -.franklin-content { - @extend .container; -} - -.page-foot { - @extend footer; -} diff --git a/_sass/base/_global.scss b/_sass/base/_global.scss deleted file mode 100644 index c858055..0000000 --- a/_sass/base/_global.scss +++ /dev/null @@ -1,74 +0,0 @@ -/** - * _global.scss - * Foundational and global aspects of the page. - */ - -* { - @include prefix(box-sizing, border-box); -} - -html { - font-family: $font-stack; - font-size: $font-size; - line-height: 1.5; - - @media (max-width: 38em) { - font-size: $font-size-mobile; - } -} - -body { - color: $body-text-color; - background-color: $body-background-color; - border-top: $body-top-border-width solid $body-top-border-color; -} - -a { - color: $link-color; - text-decoration: none; - - &:hover, - &:focus { - text-decoration: underline; - } - - strong { - color: inherit; - } -} - -footer { - text-align: center; - text-transform: lowercase; - margin-bottom: 2rem; -} - -img { - display: block; - max-width: 100%; - margin: 0 0 1rem; - border-radius: 5px; -} - -table { - margin-bottom: 1rem; - width: 100%; - font-size: 85%; - border: 1px solid #e5e5e5; - border-collapse: collapse; -} - -td, -th { - padding: .25rem .5rem; - border: 1px solid #e5e5e5; -} - -th { - text-align: left; -} - -tbody tr:nth-child(odd) td, -tbody tr:nth-child(odd) th { - background-color: #f9f9f9; -} diff --git a/_sass/base/_layout.scss b/_sass/base/_layout.scss deleted file mode 100644 index 86b6af8..0000000 --- a/_sass/base/_layout.scss +++ /dev/null @@ -1,17 +0,0 @@ -/** - * _layout.scss - * Styles for managing the structural hierarchy of the site. - */ - -.container { - max-width: 38rem; - padding-left: 1.5rem; - padding-right: 1.5rem; - margin-left: auto; - margin-right: auto; -} - -.ftr-links a { - color: $post-title-color; - padding: 0 0.3rem; -} diff --git a/_sass/base/_normalize.scss b/_sass/base/_normalize.scss deleted file mode 100644 index b0c1902..0000000 --- a/_sass/base/_normalize.scss +++ /dev/null @@ -1,349 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} \ No newline at end of file diff --git a/_sass/base/_typography.scss b/_sass/base/_typography.scss deleted file mode 100644 index 553d47e..0000000 --- a/_sass/base/_typography.scss +++ /dev/null @@ -1,118 +0,0 @@ -/** - * _typography.scss - * Headings, body text, lists, and other misc typographic elements. - */ - -h1, h2, h3, h4, h5, h6 { - margin-bottom: .5rem; - font-weight: bold; - line-height: 1.25; - color: #313131; - text-rendering: optimizeLegibility; -} - -h1 { - font-size: 2rem; -} - -h2 { - margin-top: 1rem; - font-size: 1.5rem; -} - -h3 { - margin-top: 1.5rem; - font-size: 1.25rem; -} - -h4, h5, h6 { - margin-top: 1rem; - font-size: 1rem; -} - -p { - margin-top: 0; - margin-bottom: 1rem; -} - -strong { - color: #303030; -} - -ul, ol, dl { - margin-top: 0; - margin-bottom: 1rem; -} - -dt { - font-weight: bold; -} - -dd { - margin-bottom: .5rem; -} - -hr { - position: relative; - margin: 1.5rem 0; - border: 0; - border-top: 1px solid #eee; - border-bottom: 1px solid #fff; -} - -abbr { - font-size: 85%; - font-weight: bold; - color: #555; - text-transform: uppercase; - - &[title] { - cursor: help; - border-bottom: 1px dotted #e5e5e5; - } -} - -blockquote { - padding: .5rem 1rem; - margin: .8rem 0; - color: #7a7a7a; - border-left: .25rem solid #e5e5e5; - - p:last-child { - margin-bottom: 0; - } - - @media (min-width: 30em) { - padding-right: 5rem; - padding-left: 1.25rem; - } -} - - -// Markdown footnotes -// -// See the example content post for an example. - -// Footnote number within body text -a[href^="#fn:"], -// Back to footnote link -a[href^="#fnref:"] { - display: inline-block; - margin-left: .1rem; - font-weight: bold; -} - -// List of footnotes -.footnotes { - margin-top: 2rem; - font-size: 85%; -} - -// Custom type -// -// Extend paragraphs with `.lead` for larger introductory text. - -.lead { - font-size: 1.25rem; - font-weight: 300; -} diff --git a/_sass/components/_code.scss b/_sass/components/_code.scss deleted file mode 100644 index 6251861..0000000 --- a/_sass/components/_code.scss +++ /dev/null @@ -1,54 +0,0 @@ -/** - * _code.scss - * Inline and block-level code snippets. Includes tweaks to syntax highlighted - * snippets from Rouge and Gist embeds - */ - -code, -pre { - font-family: $code-font-stack; -} - -code { - padding: .25em .5em; - font-size: 85%; - color: #bf616a; - background-color: #f9f9f9; - border-radius: 3px; -} - -pre { - margin-top: 0; - margin-bottom: 1rem; -} - -pre code { - padding: 0; - font-size: 100%; - color: inherit; - background-color: transparent; -} - -.highlight { - padding: 1rem; - margin-bottom: 1rem; - font-size: .8rem; - line-height: 1.4; - background-color: #f9f9f9; - border-radius: .25rem; - - pre { - margin-bottom: 0; - overflow-x: auto; - } - - .lineno { - display: inline-block; // Ensures the null space also isn't selectable - padding-right: .75rem; - padding-left: .25rem; - color: #999; - - // Make sure numbers aren't selectable - @include prefix(user-select, none); - } -} diff --git a/_sass/components/_message.scss b/_sass/components/_message.scss deleted file mode 100644 index 296b16a..0000000 --- a/_sass/components/_message.scss +++ /dev/null @@ -1,12 +0,0 @@ -/** - * _message.scss - * Show alert messages to users. You may add it to single elements like a `

`, - * or to a parent if there are multiple elements to show. - */ - -.message { - color: $message-color; - background-color: $message-background-color; - margin-bottom: 1rem; - padding: 1rem; -} diff --git a/_sass/components/_navigation.scss b/_sass/components/_navigation.scss deleted file mode 100644 index 43d619a..0000000 --- a/_sass/components/_navigation.scss +++ /dev/null @@ -1,44 +0,0 @@ -/** - * _navigation.scss - * Styles for the main navigation bar on top of the page. - */ - -.nav-main { - font-size: $font-size; // override mobile media query - text-align: center; - margin-bottom: 4rem; - - @media (max-width: 38em) { - margin-bottom: 2rem; - } - - ul { - padding: 0; - border-bottom-color: $nav-bottom-border-color; - border-bottom-width: $nav-bottom-border-width; - border-bottom-style: solid; - } - - li { - display: inline-block; - - a { - color: $nav-link-color; - display: block; - text-decoration: none; - padding: $nav-link-padding-y $nav-link-padding-x; - } - } - - li.logo a { - color: $nav-icon-color; - background: $nav-icon-background-color; - font-weight: bold; - width: 1.6em; - height: 1.6em; - border-radius: 50px; - line-height: 1.6em; - margin: 0 1rem; - padding: 0; - } -} diff --git a/_sass/components/_pagination.scss b/_sass/components/_pagination.scss deleted file mode 100644 index e5bcb17..0000000 --- a/_sass/components/_pagination.scss +++ /dev/null @@ -1,56 +0,0 @@ -// Pagination -// -// Super lightweight (HTML-wise) blog pagination. `span`s are provided for when -// there are no more previous or next posts to show. - -.pagination { - font-family: $font-stack; - overflow: hidden; // clearfix - margin: 3rem 0; - - color: #ccc; - text-align: center; - - .pagination-text, .fa { - vertical-align: middle; - } -} - -.pagination-item { - &:first-child { - float: left; - } - &:last-child { - float: right; - } -} - -a.pagination-item { - &:focus, - &:hover { - text-decoration: none; - background-color: #f5f5f5; - } -} - -@media (max-width: 30em) { - .pagination { - margin: 0 -1.5rem 1rem; - - .fa { - font-size: 2rem; - } - } - - .pagination-item { - padding: 0 1rem; - - &:first-child, &:last-child { - float: none; - } - } - - .pagination-text { - display: none; - } -} diff --git a/_sass/pages/_landing.scss b/_sass/pages/_landing.scss deleted file mode 100644 index 42b6551..0000000 --- a/_sass/pages/_landing.scss +++ /dev/null @@ -1,11 +0,0 @@ -/** - * _landing.scss - * Styles for the landing page - */ - -.landing-title { - color: $post-title-color; - text-align: center; - border-bottom: 1px solid #c0c0c0; - padding-bottom: 0.7rem; -} diff --git a/_sass/pages/_posts.scss b/_sass/pages/_posts.scss deleted file mode 100644 index ada9d96..0000000 --- a/_sass/pages/_posts.scss +++ /dev/null @@ -1,29 +0,0 @@ -/** - * _posts.scss - * Each post is wrapped in `.post` and is used on default and post layouts. Each - * page is wrapped in `.page` and is only used on the page layout. - */ - -.page, -.post { - margin-bottom: 4em; -} - -// Blog post or page title -.page-title, -.post-title, -.post-title a { - color: $post-title-color; -} -.page-title, -.post-title { - margin-top: 0; -} - -// Meta data line below post title -.post-date { - display: block; - margin-top: -.5rem; - margin-bottom: 1rem; - color: $post-date-color; -} diff --git a/_sass/style.scss b/_sass/style.scss deleted file mode 100644 index 2e28bbb..0000000 --- a/_sass/style.scss +++ /dev/null @@ -1,27 +0,0 @@ -// Variables -@import "utilities/variables"; - -// Utility styles -@import "utilities/mixins"; -@import "utilities/utils"; -@import "utilities/syntax-highlighting"; -@import "utilities/animations"; - -// Core -@import "base/normalize"; -@import "base/global"; -@import "base/layout"; -@import "base/typography"; - -// Components -@import "components/navigation"; -@import "components/pagination"; -@import "components/code"; -@import "components/message"; - -// Pages -@import "pages/landing"; -@import "pages/posts"; - -// Adjustments for Franklin.jl -@import "adjust"; \ No newline at end of file diff --git a/_sass/utilities/_animations.scss b/_sass/utilities/_animations.scss deleted file mode 100644 index f43374c..0000000 --- a/_sass/utilities/_animations.scss +++ /dev/null @@ -1,70 +0,0 @@ -/** - * _animations.scss - * Animation styles used by different components - */ - -/* Underline Reveal (from hover.css) */ -.hvr-underline-reveal { - @include hacks(); - - position: relative; - overflow: hidden; - - &:before { - content: ""; - position: absolute; - z-index: -1; - left: 0; - right: 0; - bottom: 0; - background: $nav-link-underline-color; - height: 2px; - - @include prefix(transform, translateY(4px)); - @include prefix(transition-property, transform); - @include prefix(transition-duration, 0.2s); - @include prefix(transition-timing-function, ease-out); - } - - &:hover:before, - &:focus:before, - &:active:before { - @include prefix(transform, translateY(0)); - } -} - -/* Ripple Out (from hover.css) */ -@include keyframes(hvr-ripple-out) { - 100% { - top: -(6px + 6px); - right: -(6px + 6px); - bottom: -(6px + 6px); - left: -(6px + 6px); - opacity: 0; - } -} - -.hvr-ripple-out { - @include hacks(); - - position: relative; - - &:before { - content: ''; - position: absolute; - border: $nav-icon-background-color solid 4px; - border-radius: 50px; - top: 0; - right: 0; - bottom: 0; - left: 0; - - @include prefix(animation-duration, 0.5s); - } - - &:hover:before, - &:focus:before, - &:active:before { - @include prefix(animation-name, hvr-ripple-out); - } -} diff --git a/_sass/utilities/_mixins.scss b/_sass/utilities/_mixins.scss deleted file mode 100644 index 9313bae..0000000 --- a/_sass/utilities/_mixins.scss +++ /dev/null @@ -1,30 +0,0 @@ -/** - * _mixins.scss - * Mixins used for convenience in typing styles - */ - -@mixin prefix($property, $value) { - -webkit-#{$property}: #{$value}; - #{$property}: #{$value}; -} - -@mixin keyframes($name) { - @-webkit-keyframes #{$name} { @content; } - @keyframes #{$name} { @content; } -} - -@mixin hacks() { - // Transforms need to be block-level to work - display: inline-block; - vertical-align: middle; - - // Improve aliasing on mobile/tablet devices - box-shadow: 0 0 1px rgba(0, 0, 0, 0); - - // Improve performance on mobile/tablet devices - @include prefix(transform, translateZ(0)); - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -moz-osx-font-smoothing: grayscale; -} diff --git a/_sass/utilities/_syntax-highlighting.scss b/_sass/utilities/_syntax-highlighting.scss deleted file mode 100644 index dd37015..0000000 --- a/_sass/utilities/_syntax-highlighting.scss +++ /dev/null @@ -1,70 +0,0 @@ -/** - * _syntax-highlighting.scss - * Styles for syntax highlighting using Jekyll's configured highlighter. - */ - -.highlight .hll { background-color: #ffc; } -.highlight .c { color: #999; } /* Comment */ -.highlight .err { color: #a00; background-color: #faa } /* Error */ -.highlight .k { color: #069; } /* Keyword */ -.highlight .o { color: #555 } /* Operator */ -.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #099 } /* Comment.Preproc */ -.highlight .c1 { color: #999; } /* Comment.Single */ -.highlight .cs { color: #999; } /* Comment.Special */ -.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #f00 } /* Generic.Error */ -.highlight .gh { color: #030; } /* Generic.Heading */ -.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */ -.highlight .go { color: #aaa } /* Generic.Output */ -.highlight .gp { color: #009; } /* Generic.Prompt */ -.highlight .gs { } /* Generic.Strong */ -.highlight .gu { color: #030; } /* Generic.Subheading */ -.highlight .gt { color: #9c6 } /* Generic.Traceback */ -.highlight .kc { color: #069; } /* Keyword.Constant */ -.highlight .kd { color: #069; } /* Keyword.Declaration */ -.highlight .kn { color: #069; } /* Keyword.Namespace */ -.highlight .kp { color: #069 } /* Keyword.Pseudo */ -.highlight .kr { color: #069; } /* Keyword.Reserved */ -.highlight .kt { color: #078; } /* Keyword.Type */ -.highlight .m { color: #f60 } /* Literal.Number */ -.highlight .s { color: #d44950 } /* Literal.String */ -.highlight .na { color: #4f9fcf } /* Name.Attribute */ -.highlight .nb { color: #366 } /* Name.Builtin */ -.highlight .nc { color: #0a8; } /* Name.Class */ -.highlight .no { color: #360 } /* Name.Constant */ -.highlight .nd { color: #99f } /* Name.Decorator */ -.highlight .ni { color: #999; } /* Name.Entity */ -.highlight .ne { color: #c00; } /* Name.Exception */ -.highlight .nf { color: #c0f } /* Name.Function */ -.highlight .nl { color: #99f } /* Name.Label */ -.highlight .nn { color: #0cf; } /* Name.Namespace */ -.highlight .nt { color: #2f6f9f; } /* Name.Tag */ -.highlight .nv { color: #033 } /* Name.Variable */ -.highlight .ow { color: #000; } /* Operator.Word */ -.highlight .w { color: #bbb } /* Text.Whitespace */ -.highlight .mf { color: #f60 } /* Literal.Number.Float */ -.highlight .mh { color: #f60 } /* Literal.Number.Hex */ -.highlight .mi { color: #f60 } /* Literal.Number.Integer */ -.highlight .mo { color: #f60 } /* Literal.Number.Oct */ -.highlight .sb { color: #c30 } /* Literal.String.Backtick */ -.highlight .sc { color: #c30 } /* Literal.String.Char */ -.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */ -.highlight .s2 { color: #c30 } /* Literal.String.Double */ -.highlight .se { color: #c30; } /* Literal.String.Escape */ -.highlight .sh { color: #c30 } /* Literal.String.Heredoc */ -.highlight .si { color: #a00 } /* Literal.String.Interpol */ -.highlight .sx { color: #c30 } /* Literal.String.Other */ -.highlight .sr { color: #3aa } /* Literal.String.Regex */ -.highlight .s1 { color: #c30 } /* Literal.String.Single */ -.highlight .ss { color: #fc3 } /* Literal.String.Symbol */ -.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #033 } /* Name.Variable.Class */ -.highlight .vg { color: #033 } /* Name.Variable.Global */ -.highlight .vi { color: #033 } /* Name.Variable.Instance */ -.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */ - -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } diff --git a/_sass/utilities/_utils.scss b/_sass/utilities/_utils.scss deleted file mode 100644 index 91d533e..0000000 --- a/_sass/utilities/_utils.scss +++ /dev/null @@ -1,9 +0,0 @@ -/** - * _utils.scss - * Utility classes for applying common styles to elements. - */ - - .text-center { - text-align: center; - } - \ No newline at end of file diff --git a/_sass/utilities/_variables.scss b/_sass/utilities/_variables.scss deleted file mode 100644 index 1d6e36f..0000000 --- a/_sass/utilities/_variables.scss +++ /dev/null @@ -1,40 +0,0 @@ -/** - * _variables.scss - * Contains SCSS variables used in this website's stylesheet. - */ - -// Globals -$font-stack: 'Source Sans Pro', sans-serif; -$font-size: 17px; -$font-size-mobile: 15px; - -$code-font-stack: 'Source Code Pro', monospace; - -// Body -$body-text-color: #515151; -$body-background-color: #ffffff; -$body-top-border-color: #0A3b76; -$body-top-border-width: 5px; - -// Links -$link-color: #5a81b0; - -// Navigation -$nav-bottom-border-color: #c0c0c0; -$nav-bottom-border-width: 1px; - -$nav-link-color: #263663; -$nav-link-padding-y: 0.7rem; -$nav-link-padding-x: 1.5rem; -$nav-link-underline-color: #2098d1; - -$nav-icon-color: #ffffff; -$nav-icon-background-color: #0A3b76; - -// Blog post headings and page titles -$post-title-color: #0A3b76; -$post-date-color: #9a9a9a; - -// Message box -$message-color: #717171; -$message-background-color: #f9f9f9; diff --git a/utils.jl b/utils.jl index 260ad06..ef35bd1 100644 --- a/utils.jl +++ b/utils.jl @@ -57,7 +57,7 @@ function hfun_list_dir(args::Vector{String}) end function hfun_list_series() - parts = String[] + cards = [] for entry in sort(readdir(".")) isdir(entry) || continue startswith(entry, "_") && continue @@ -70,15 +70,15 @@ function hfun_list_series() desc = (desc_raw !== nothing && desc_raw isa String) ? desc_raw : "" n = length(get_posts("", entry)) - push!(parts, string( + push!(cards, node("article", class="series-card", node("h2", node("a", href="/$entry/", title)), isempty(desc) ? "" : node("p", class="description", desc), - node("p", class="post-meta", "$n tutorials") + node("span", class="series-count", "$n tutorials") ) - )) + ) end - return join(parts, "\n") + return string(node("div", class="series-grid", cards...)) end # ===============================================