diff options
| -rw-r--r-- | 404.html | 186 | ||||
| -rw-r--r-- | cheatsheet/cheatsheet.html | 113 | ||||
| -rw-r--r-- | robots.txt | 2 |
3 files changed, 131 insertions, 170 deletions
@@ -2,155 +2,95 @@ <html lang="en"> <head> <meta charset="utf-8"> - <title>page not found... :(</title> + <title>raylib | page not found... :(</title> + <link rel="shortcut icon" href="favicon.ico" /> <style> - ::-moz-selection { - background: #b3d4fc; - text-shadow: none; - } - - ::selection { - background: #b3d4fc; - text-shadow: none; - } - - html { - padding: 30px 10px; - font-size: 20px; - line-height: 1.4; - color: #737373; - background: #f0f0f0; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } - - html, - input { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + @font-face { + font-family: 'grixel_acme_7_wide_xtnd'; + src: url('./common/font/acme_7_wide_xtnd.eot'); + src: url('./common/font/acme_7_wide_xtnd.eot?#iefix') format('embedded-opentype'), + url('./common/font/acme_7_wide_xtnd.woff') format('woff'), + url('./common/font/acme_7_wide_xtnd.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + font-size-adjust: 0.49; } body { - max-width: 500px; - _width: 500px; - padding: 30px 20px 50px; - border: 1px solid #b3b3b3; - margin: 0 auto; - box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; - background: #fcfcfc; - } - - h1 { - margin: 0 10px; - font-size: 50px; - text-align: center; - } - - h1 span { - color: #bbb; - } - - h3 { - margin: 1.5em 0 0.5em; - } - - p { - margin: 1em 0; - } - - ul { - padding: 0 0 0 40px; - margin: 1em 0; + height: 100vh; + display: flex; + margin: 0; + padding: 0; + flex-direction: column; + justify-content: center; + align-items: center; + font-family: sans-serif; + background: #f5f5f5; + color: #212121; } .container { - max-width: 380px; - _width: 380px; + display: block; margin: 0 auto; + text-align: center; + max-width: 600px; + padding: 25px; + background-color: #fff; } - /* google search */ - - #goog-fixurl ul { - list-style: none; - padding: 0; - margin: 0; - } - - #goog-fixurl form { - margin: 0; - } - - #goog-wm-qt, - #goog-wm-sb { - border: 1px solid #bbb; - font-size: 16px; - line-height: normal; - vertical-align: top; - color: #444; - border-radius: 2px; + .container img { + width: 100%; + max-width: 128px; + margin: 0 auto; } - #goog-wm-qt { - width: 220px; - height: 20px; - padding: 5px; - margin: 5px 10px 0 0; - box-shadow: inset 0 1px 1px #ccc; + .container .content_404 { + margin: 0 auto; + text-align: left; + width: calc(100%); } - #goog-wm-sb { - display: inline-block; - height: 32px; - padding: 0 10px; - margin: 5px 0 0; - white-space: nowrap; - cursor: pointer; - background-color: #f5f5f5; - background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); - background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); - background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); - background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - *overflow: visible; - *display: inline; - *zoom: 1; + .container .content_404 h1 { + font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; + color: #212121; + font-size: 12pt; + padding: 20px 0 0 0; } - - #goog-wm-sb:hover, - #goog-wm-sb:focus { - border-color: #aaa; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); - background-color: #f8f8f8; + + .container .content_404 p a { + color: #0f66ad; + font-size: 12pt; + text-decoration: none; } - #goog-wm-qt:hover, - #goog-wm-qt:focus { - border-color: #105cb6; - outline: 0; - color: #222; - } - - input::-moz-focus-inner { + h1 { + font-size: 2em; + margin: 0; padding: 0; - border: 0; + text-align: center; } </style> </head> <body> <div class="container"> - <h1>not found <span>:(</span></h1> - <p>Sorry, but the page you were trying to view does not exist.</p> - <p>It looks like this was the result of either:</p> - <ul> - <li>a mistyped address</li> - <li>an out-of-date link</li> - </ul> + <a href="https://www.raylib.com"> + <img src="./common/img/raylib_logo.png" alt="raylib logo"> + </a> + <div class="content_404"> + <h1>page not found</h1> + <p>Sorry, but the page you were trying to view does not exist.</p> + <p>It looks like this was the result of either:</p> + <ul> + <li>a mistyped address</li> + <li>an out-of-date link</li> + </ul> + <p><a href="https://raylib.com">Return to the homepage.</a></p> + </div> + <script> var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host; </script> - <script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> + <script src="https://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script> </div> </body> </html> diff --git a/cheatsheet/cheatsheet.html b/cheatsheet/cheatsheet.html index c541c95..f513c00 100644 --- a/cheatsheet/cheatsheet.html +++ b/cheatsheet/cheatsheet.html @@ -19,9 +19,6 @@ <meta property="og:site_name" content="raylib"/> <meta property="og:description" content="Don't miss latest functions added to raylib... check raylib cheatsheet"/> - <!-- Add jQuery library --> - <script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script> - <!-- hightlight.js - Syntax highlighting for the Web --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/docco.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js"></script> @@ -38,7 +35,7 @@ font-size-adjust:0.49; } body{background-color:#f5f5f5;} - #fulldata{width: 1315px!important;} + .eximage img{margin: 0 auto; border: 1px solid; border-color: black; width:770px; height:auto;} p{font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size:13px; line-height:24px;} a{font-family: grixel_acme_7_wide_xtnd, Courier New, Verdana, Arial; font-size:13px; line-height:24px;} @@ -57,13 +54,14 @@ #audio pre code{border:10px solid; border-color:#d3b157; background-color:#e5d7ae; } #structs pre code{border:10px solid; border-color:#d2c9c6; background-color:#f8f8ff;} #colors pre code{border:10px solid; border-color:#c6d2c6; background-color:#e9f1f2;} + #logo{width:128px; height:128px; float:left; position:relative; background-image:url(../common/img/raylib_logo.png);} - #header{position:relative; height:110px; width: 1000px;} + #header{position:relative; height:110px; max-width: 1000px;} #title, #plinks, #version{position:relative; float:left; margin:0px; margin-left:10px; margin-top:10px;} #plinks{color: gray;} #plinks a, #copyright a{color: gray; text-decoration:none;} #plinks a:hover{color: black;} - #version {margin-top: 23px; width:500px;} + #version {margin-top: 23px; max-width:500px;} #pcore{margin-bottom:-12px; margin-left:12px; color:#5c5a5a;} #pshapes{margin-bottom:-12px; margin-left:12px; color:#c55757;} #ptextures{margin-bottom:-12px; margin-left:12px; color:#60815a;} @@ -84,43 +82,66 @@ #downpdf{text-decoration: none;color:#aaaaaa;} #downpdf:hover{color:#444;} + + #fulldata p a {color:#0eefff; text-decoration: none;} + + /* for the tired programmers at night */ + .darkmode{background-color:#1e1e1e; color:#e1e1e1;} + .darkmode a{color:#e1e1e1;} + .darkmode #header{background-color:#1e1e1e; color:#e1e1e1;} + .darkmode #title{color:#e1e1e1;} + .darkmode #plinks{color:#e1e1e1;} + .darkmode #plinks a{color:#e1e1e1;} + .darkmode #plinks a:hover{color:#e1e1e1;} + .darkmode #version{color:#e1e1e1;} + .darkmode #pcore{color:#e1e1e1;} + .darkmode #pshapes{color:#e1e1e1;} + .darkmode #ptextures{color:#e1e1e1;} + .darkmode #ptext{color:#e1e1e1;} + .darkmode #pmodels{color:#e1e1e1;} + .darkmode #paudio{color:#e1e1e1;} + .darkmode #pstructs{color:#e1e1e1;} + .darkmode #pcolors{color:#e1e1e1;} + + @media screen and (max-width: 1550px) { + #fullgroup { + grid-template-columns: auto; + } + + .leftgroup, .rightgroup { + overflow-x: auto; + } + } </style> <script type="text/javascript"> - $(document).ready(function() { - $.get('raylib_core.c', function(data) { - $('#core pre code').text(data); - $('#core pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_shapes.c', function(data) { - $('#shapes pre code').text(data); - $('#shapes pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_textures.c', function(data) { - $('#textures pre code').text(data); - $('#textures pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_text.c', function(data) { - $('#text pre code').text(data); - $('#text pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_models.c', function(data) { - $('#models pre code').text(data); - $('#models pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_audio.c', function(data) { - $('#audio pre code').text(data); - $('#audio pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_colors.c', function(data) { - $('#colors pre code').text(data); - $('#colors pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - $.get('raylib_structs.c', function(data) { - $('#structs pre code').text(data); - $('#structs pre code').each(function(i, e) {hljs.highlightBlock(e)}); - }, 'text'); - }); + document.addEventListener('DOMContentLoaded', function() { + function addModule(url, targetSelector) { + fetch(url) + .then(response => response.text()) + .then(data => { + document.querySelector(targetSelector).innerHTML = data; + document.querySelectorAll(targetSelector).forEach(function(e) { + hljs.highlightBlock(e); + }); + }) + .catch(error => console.error('Could not get ' + url, error)); + } + + addModule('raylib_core.c', '#core pre code'); + addModule('raylib_shapes.c', '#shapes pre code'); + addModule('raylib_textures.c', '#textures pre code'); + addModule('raylib_text.c', '#text pre code'); + addModule('raylib_models.c', '#models pre code'); + addModule('raylib_audio.c', '#audio pre code'); + addModule('raylib_colors.c', '#colors pre code'); + addModule('raylib_structs.c', '#structs pre code'); + }); + + function toggleDarkMode() { + document.body.classList.toggle("darkmode"); + } + </script> </head> @@ -135,17 +156,17 @@ <br> <p>Chinese Translation: <a href="cheatsheet_zh.html">以下为raylib所有API接口中文释义</a></p> <div id="fulldata"> - <p id="pcore">module: rcore</p> + <p id="pcore">module: rcore <a href="#pcore">→</a></p> <div id="core"><pre><code class="cpp"></code></pre></div> - <p id="pshapes">module: rshapes</p> + <p id="pshapes">module: rshapes <a href="#pshapes">→</a></p> <div id="shapes"><pre><code class="cpp"></code></pre></div> - <p id="ptextures">module: rtextures</p> + <p id="ptextures">module: rtextures <a href="#ptextures">→</a></p> <div id="textures"><pre><code class="cpp"></code></pre></div> - <p id="ptext">module: rtext</p> + <p id="ptext">module: rtext <a href="#ptext">→</a></p> <div id="text"><pre><code class="cpp"></code></pre></div> - <p id="pmodels">module: rmodels</p> + <p id="pmodels">module: rmodels <a href="#pmodels">→</a></p> <div id="models"><pre><code class="cpp"></code></pre></div> - <p id="paudio">module: raudio</p> + <p id="paudio">module: raudio <a href="#paudio">→</a></p> <div id="audio"><pre><code class="cpp"></code></pre></div> <div id="fullgroup"> @@ -1,3 +1,3 @@ # robotstxt.org/ -Sitemap: https://raylib.com/sitemap.xml +Sitemap: https://raylib.com/sitemap.xml
\ No newline at end of file |