|
| 1 | +<!doctype html> |
| 2 | +<html lang="en"> |
| 3 | +<head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | + <script> |
| 7 | + // Set theme immediately to prevent flash |
| 8 | + (function() { |
| 9 | + const stored = localStorage.getItem('theme'); |
| 10 | + if (stored) { |
| 11 | + document.documentElement.setAttribute('data-theme', stored); |
| 12 | + } |
| 13 | + })(); |
| 14 | + </script> |
| 15 | + |
| 16 | + |
| 17 | + <link rel="stylesheet" href="/BioTutorials/css/style.css"> |
| 18 | +<link rel="preconnect" href="https://fonts.googleapis.com"> |
| 19 | +<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| 20 | +<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap"> |
| 21 | + |
| 22 | +<link rel="icon" type="image/png" sizes="192x192" href="/BioTutorials/assets/favicon.png"> |
| 23 | +<link rel="shortcut icon" href="/BioTutorials/assets/favicon.ico"> |
| 24 | +<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/BioTutorials/assets/apple-touch-icon.png"> |
| 25 | + |
| 26 | + |
| 27 | + <title>404 - BioJulia</title> |
| 28 | +</head> |
| 29 | +<body> |
| 30 | + <header class="site-header"> |
| 31 | + <div class="header-content"> |
| 32 | + <div class="header-left"> |
| 33 | + <a href="https://biojulia.dev/BioTutorials" class="logo-link"> |
| 34 | + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136.48101 51.472999" height="32" aria-label="BioJulia"> |
| 35 | + <g id="bubble-helix"> |
| 36 | + <circle cx="5.9792" cy="20.3" r="5.9792" fill="#945bb0"/> |
| 37 | + <circle cx="21.317" cy="39.5" r="4.9393" fill="#4266d5"/> |
| 38 | + <circle cx="16.378" cy="11.7" r="4.9393" fill="#c93d39"/> |
| 39 | + <circle cx="35.095" cy="35.9" r="5.9792" fill="#945bb0"/> |
| 40 | + <circle cx="47.184" cy="23.8" r="7.409" fill="#4266d5"/> |
| 41 | + <circle cx="28.986" cy="9.7" r="4.5494" fill="#3b972e"/> |
| 42 | + <circle cx="89.428" cy="46.5" r="4.9393" fill="#c93d39"/> |
| 43 | + <circle cx="71.62" cy="5.6" r="5.5892" fill="#945bb0"/> |
| 44 | + <circle cx="121.01" cy="15.5" r="5.5892" fill="#c93d39"/> |
| 45 | + <circle cx="59.662" cy="30.3" r="2.4697" fill="#4266d5"/> |
| 46 | + <circle cx="103.6" cy="19.9" r="3.2496" fill="#c93d39"/> |
| 47 | + <circle cx="123.61" cy="36.5" r="2.7296" fill="#4266d5"/> |
| 48 | + <circle cx="127.64" cy="5.2" r="3.8995" fill="#3b972e"/> |
| 49 | + <circle cx="132.58" cy="39.2" r="3.8995" fill="#945bb0"/> |
| 50 | + <circle cx="67.591" cy="37.4" r="3.3795" fill="#3b972e"/> |
| 51 | + <circle cx="95.017" cy="13.9" r="4.2894" fill="#4266d5"/> |
| 52 | + <circle cx="77.729" cy="42.9" r="3.8995" fill="#945bb0"/> |
| 53 | + <circle cx="102.56" cy="42.0" r="5.8492" fill="#4266d5"/> |
| 54 | + <circle cx="113.6" cy="28.8" r="6.7591" fill="#3b972e"/> |
| 55 | + <circle cx="57.582" cy="11.0" r="6.3691" fill="#c93d39"/> |
| 56 | + <circle cx="38.735" cy="14.8" r="3.3795" fill="#c93d39"/> |
| 57 | + <circle cx="84.618" cy="7.9" r="5.3293" fill="#3b972e"/> |
| 58 | + </g> |
| 59 | + </svg> |
| 60 | + <span>BioTutorials</span> |
| 61 | + </a> |
| 62 | + </div> |
| 63 | + <nav class="header-nav"> |
| 64 | + <a href="/BioTutorials/">Tutorials</a> |
| 65 | + <button class="theme-toggle" id="theme-toggle" aria-label="Toggle dark mode"> |
| 66 | + <svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
| 67 | + <circle cx="12" cy="12" r="5"></circle> |
| 68 | + <line x1="12" y1="1" x2="12" y2="3"></line> |
| 69 | + <line x1="12" y1="21" x2="12" y2="23"></line> |
| 70 | + <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line> |
| 71 | + <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line> |
| 72 | + <line x1="1" y1="12" x2="3" y2="12"></line> |
| 73 | + <line x1="21" y1="12" x2="23" y2="12"></line> |
| 74 | + <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line> |
| 75 | + <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line> |
| 76 | + </svg> |
| 77 | + <svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> |
| 78 | + <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path> |
| 79 | + </svg> |
| 80 | + </button> |
| 81 | + </nav> |
| 82 | + </div> |
| 83 | +</header> |
| 84 | + |
| 85 | + <main class="franklin-content"> |
| 86 | + |
| 87 | +<div class="franklin-content" > |
| 88 | + <div style="margin-top: 40px; font-size: 40px; text-align: center;"> |
| 89 | + |
| 90 | + <br> |
| 91 | + |
| 92 | + <div style="font-weight: bold;"> |
| 93 | + 404 |
| 94 | + </div> |
| 95 | + |
| 96 | + <br> |
| 97 | + <br> |
| 98 | + |
| 99 | + The requested page was not found |
| 100 | + |
| 101 | + <br> |
| 102 | + <br> |
| 103 | + <br> |
| 104 | + <br> |
| 105 | + |
| 106 | + <div style="margin-bottom: 300px; font-size: 24px"> |
| 107 | + <a href="/BioTutorials/">Click here</a> to go back to the homepage. |
| 108 | + </div> |
| 109 | + |
| 110 | +</div> |
| 111 | + <footer class="page-foot"> |
| 112 | + <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> BioJulia Developers |
| 113 | + · Last modified: |
| 114 | + <br> |
| 115 | + Built with <a href="https://github.com/tlienart/Xranklin.jl">Xranklin.jl</a> |
| 116 | +</footer> |
| 117 | + |
| 118 | +</div> |
| 119 | + |
| 120 | + </main> |
| 121 | + |
| 122 | + |
| 123 | + <script> |
| 124 | + // Theme toggle functionality |
| 125 | + (function() { |
| 126 | + const toggle = document.getElementById('theme-toggle'); |
| 127 | + if (!toggle) return; |
| 128 | + |
| 129 | + function getSystemTheme() { |
| 130 | + return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; |
| 131 | + } |
| 132 | + |
| 133 | + function getCurrentTheme() { |
| 134 | + const stored = localStorage.getItem('theme'); |
| 135 | + if (stored) return stored; |
| 136 | + return getSystemTheme(); |
| 137 | + } |
| 138 | + |
| 139 | + function updateHighlightTheme(isDark) { |
| 140 | + const lightStyle = document.getElementById('hljs-light'); |
| 141 | + const darkStyle = document.getElementById('hljs-dark'); |
| 142 | + if (lightStyle && darkStyle) { |
| 143 | + lightStyle.disabled = isDark; |
| 144 | + darkStyle.disabled = !isDark; |
| 145 | + } |
| 146 | + } |
| 147 | + |
| 148 | + toggle.addEventListener('click', function() { |
| 149 | + const current = getCurrentTheme(); |
| 150 | + const next = current === 'dark' ? 'light' : 'dark'; |
| 151 | + document.documentElement.setAttribute('data-theme', next); |
| 152 | + localStorage.setItem('theme', next); |
| 153 | + updateHighlightTheme(next === 'dark'); |
| 154 | + }); |
| 155 | + |
| 156 | + // Listen for system theme changes |
| 157 | + window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) { |
| 158 | + if (!localStorage.getItem('theme')) { |
| 159 | + // Only update if user hasn't manually set a preference |
| 160 | + document.documentElement.removeAttribute('data-theme'); |
| 161 | + updateHighlightTheme(e.matches); |
| 162 | + } |
| 163 | + }); |
| 164 | + })(); |
| 165 | + </script> |
| 166 | +</body> |
| 167 | +</html> |
0 commit comments