|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="ja-JP"> |
| 3 | + <head> |
| 4 | + <meta charset="UTF-8"> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
| 7 | + |
| 8 | + <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico"> |
| 9 | + <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico"> |
| 10 | + |
| 11 | + <title>osdev-jp</title> |
| 12 | + |
| 13 | + <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400" rel="stylesheet"> |
| 14 | + <script src='https://cdn.rawgit.com/svgdotjs/svg.js/ceaf24d5/dist/svg.min.js'></script> |
| 15 | + <link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}"> |
| 16 | + <!--[if lt IE 9]> |
| 17 | + <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> |
| 18 | + <![endif]--> |
| 19 | + </head> |
| 20 | + <body> |
| 21 | + <div class="wrapper"> |
| 22 | + <header> |
| 23 | + <div id="logo" style="width: 100%;"></div> |
| 24 | + |
| 25 | + <p>{{ site.description | default: site.github.project_tagline }}</p> |
| 26 | + |
| 27 | + {% if site.github.is_project_page %} |
| 28 | + <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub <small>{{ site.github.repository_nwo }}</small></a></p> |
| 29 | + {% endif %} |
| 30 | + |
| 31 | + {% if site.github.is_user_page %} |
| 32 | + <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p> |
| 33 | + {% endif %} |
| 34 | + |
| 35 | + {% if site.show_downloads %} |
| 36 | + <ul class="downloads"> |
| 37 | + <li><a href="{{ site.github.zip_url }}">Download <strong>ZIP File</strong></a></li> |
| 38 | + <li><a href="{{ site.github.tar_url }}">Download <strong>TAR Ball</strong></a></li> |
| 39 | + <li><a href="{{ site.github.repository_url }}">View On <strong>GitHub</strong></a></li> |
| 40 | + </ul> |
| 41 | + {% endif %} |
| 42 | + </header> |
| 43 | + <section> |
| 44 | + |
| 45 | + {{ content }} |
| 46 | + |
| 47 | + </section> |
| 48 | + <footer> |
| 49 | + {% if site.github.is_project_page %} |
| 50 | + <p>This project is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p> |
| 51 | + {% endif %} |
| 52 | + <p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p> |
| 53 | + </footer> |
| 54 | + </div> |
| 55 | + <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script> |
| 56 | + {% if site.google_analytics %} |
| 57 | + <script> |
| 58 | +(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
| 59 | + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
| 60 | + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
| 61 | +})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); |
| 62 | +ga('create', '{{ site.google_analytics }}', 'auto'); |
| 63 | +ga('send', 'pageview'); |
| 64 | + </script> |
| 65 | + {% endif %} |
| 66 | + <script> |
| 67 | +const color_table = [ |
| 68 | + '#2fa3dd', |
| 69 | + '#3577bc', |
| 70 | + '#d9ba29', |
| 71 | + '#c1d249', |
| 72 | + '#fb0054' |
| 73 | +]; |
| 74 | +const line_width = 3; |
| 75 | +const width = 100; |
| 76 | +const height = width * 1.2; |
| 77 | +const fontSize = width / 5; |
| 78 | +var draw = SVG('logo').viewbox(0, 0, width, height); |
| 79 | +var f = (dx, dy, color) => { |
| 80 | + const cx = width / 2; |
| 81 | + const cy = width / 2; |
| 82 | + const unit = width / 13; |
| 83 | + const center_space_ratio = 0.7; |
| 84 | + var px = cx + center_space_ratio * unit * dx; |
| 85 | + var py = cy + center_space_ratio * unit * dy; |
| 86 | + |
| 87 | + var line = draw.line(px, py, cx + 5.0 * unit * dx, cy + 5.0 * unit * dy); |
| 88 | + line.stroke({ color: color, width: line_width, linecap: 'round' }); |
| 89 | + var line = draw.line(px, py, cx + 4.5 * unit * dx, py); |
| 90 | + line.stroke({ color: color, width: line_width, linecap: 'round' }); |
| 91 | + var line = draw.line(px, py, px, cy + 4.5 * unit * dy); |
| 92 | + line.stroke({ color: color, width: line_width, linecap: 'round' }); |
| 93 | +}; |
| 94 | +f(-1, -1, color_table[0]); |
| 95 | +f(-1, 1, color_table[1]); |
| 96 | +f(1, -1, color_table[2]); |
| 97 | +f(1, 1, color_table[3]); |
| 98 | +var text = draw.text('osdev-jp'); |
| 99 | +text.font({ |
| 100 | + family: 'Montserrat' |
| 101 | + , size: fontSize |
| 102 | + , anchor: 'middle' |
| 103 | + , leading: '1.5em' |
| 104 | + , weight: '300' |
| 105 | +}) |
| 106 | +text.move(width/2,height - fontSize * 1.3).font({ fill: color_table[4]}) |
| 107 | + </script> |
| 108 | + </body> |
| 109 | +</html> |
0 commit comments