| Server IP : / Your IP : 10.244.4.16 [ Web Server : nginx/1.25.3 System : Linux escuela-portal-app-54f56585bc-kst6g 5.15.0-1084-azure #93-Ubuntu SMP Sat Mar 15 14:12:29 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.2.13 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/app/public/contrast/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Accessibility Buttons</title>
<meta name="description" content="Buttons to add/remove contrast and increase/decrease font size.">
<meta name="keywords" content="accessibility,button,contrast,font size,increase font,decrease font,lib">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<!-- Logos downloadtip -->
<link rel="icon" type="image/png" href="img/logos/accessibility-buttons-logo.png" data-title="Screen Bitmap file (.png)">
<link rel="icon" type="image/svg+xml" href="img/logos/accessibility-buttons-logo.svg" data-title="Screen Vector file (.svg)">
<link rel="icon" type="image/eps" href="img/logos/accessibility-buttons-logo.eps" data-title="Print file (.eps)">
<!-- Add to homescreen for Chrome on Android -->
<meta name="theme-color" content="#FFF">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="img/touch/chrome-touch-icon-192x192.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Accessibility Buttons">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Tile icon for Win8 -->
<meta name="application-name" content="Accessibility Buttons">
<meta name="msapplication-TileColor" content="#FFF">
<meta name="msapplication-square70x70logo" content="img/touch/tile.png">
<meta name="msapplication-square150x150logo" content="img/touch/tile.png">
<meta name="msapplication-wide310x150logo" content="img/touch/tile-wide.png">
<meta name="msapplication-square310x310logo" content="img/touch/tile.png">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700" rel="stylesheet" type="text/css">
<!-- build:css css/styles.combined.min.css -->
<link rel="stylesheet" href="../node_modules/normalize.css/normalize.css">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/accessibility-buttons.css">
<link rel="stylesheet" href="../node_modules/jquery-logo-downloadtip/css/jquery-logo-downloadtip.css">
<!-- endbuild -->
</head>
<body>
<header class="header">
<h1>
<a href="http://tiagoporto.github.io/accessibility-buttons/" id="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 400 38" class="accessibility-buttons-logo" alt="Accessibility Buttons Logo, icon with plus and minus signal and a leterring wrote Acessibility Buttons with pixel font.">
<title>Accessibility Buttons</title>
<style>
.accessibility-buttons-logo__lettering,
.accessibility-buttons-logo__box,
.accessibility-buttons-logo__plus{
fill: #E3FF17;
}
</style>
<rect class="accessibility-buttons-logo__background" width="400" height="38"/>
<polygon class="accessibility-buttons-logo__box" points="33.313 33.805 3.769 33.805 33.313 4.261"/>
<polygon class="accessibility-buttons-logo__plus" points="20 10.309 15 10.309 15 6.309 10 6.309 10 10.309 5 10.309 5 14.809 10 14.809 10 19.309 15 19.309 15 14.809 20 14.809"/>
<rect class="accessibility-buttons-logo__minus" x="16.283" y="25.799" width="14.644" height="3.601"/>
<g class="accessibility-buttons-logo__lettering">
<path d="M49.948 11.585H64.76v18.517H49.95V26.4h-3.703v-3.704h3.703v-3.703h7.407V15.29h-7.407v-3.705zm3.704 11.11v3.703h3.703v-3.703h-3.703z"/>
<path d="M68.464 15.288h3.703v-3.703h11.11v3.703H75.87v11.11h7.407V30.1h-11.11V26.4h-3.703v-11.11z"/>
<path d="M86.98 15.288h3.703v-3.703h11.11v3.703h3.703v7.407h-11.11v3.703h11.11V30.1H90.684V26.4H86.98v-11.11zm11.11 0h-3.703v3.703h3.703V15.29z"/>
<path d="M109.2 15.288h3.703v-3.703h11.11v3.703h-7.407v3.703h7.407V26.4h-3.703V30.1H109.2V26.4h7.407v-3.703H109.2v-7.407z"/>
<path d="M127.716 15.288h3.703v-3.703h11.11v3.703h-7.408v3.703h7.407V26.4h-3.704V30.1h-11.11V26.4h7.407v-3.703h-7.407v-7.407z"/>
<path d="M146.232 4.18h7.407V7.88h-7.408V4.18zm0 7.405h7.407v18.517h-7.408V11.585z"/>
<path d="M157.342 4.18h7.407v7.405h7.406v3.703h3.703v11.11h-3.704V30.1h-14.813V4.18zm7.406 22.218h3.703v-11.11h-3.702v11.11z"/>
<path d="M179.56 4.18h7.408V7.88h-7.407V4.18zm0 7.405h7.408v18.517h-7.407V11.585z"/>
<path d="M190.67 4.18h7.408V30.1h-7.407V4.18z"/>
<path d="M201.78 4.18h7.407V7.88h-7.407V4.18zm0 7.405h7.407v18.517h-7.407V11.585z"/>
<path d="M212.89 4.18h7.406v7.405H224v3.703h-3.704v11.11H224V30.1h-7.408V26.4h-3.703V4.178z"/>
<path d="M227.702 11.585h7.407v11.11h3.702v-11.11h7.407v18.517h-3.704v3.703h-11.11v-3.703h7.407V26.4h-7.407v-3.704h-3.703v-11.11z"/>
<path d="M262.98 4.18h7.408v7.405h7.407v3.703h3.703v11.11h-3.703V30.1h-14.813V4.18zm7.408 22.218h3.703v-11.11h-3.702v11.11z"/>
<path d="M285.2 11.585h7.407v14.813h3.704V11.585h7.408v18.517h-14.814V26.4H285.2V11.584z"/>
<path d="M307.42 4.18h7.407v7.405h3.703v3.703h-3.703v11.11h3.703V30.1h-7.407V26.4h-3.703V4.178z"/>
<path d="M322.233 4.18h7.407v7.405h3.703v3.703h-3.703v11.11h3.703V30.1h-7.407V26.4h-3.703V4.178z"/>
<path d="M337.045 15.288h3.703v-3.703h11.11v3.703h3.703v11.11h-3.702V30.1h-11.11V26.4h-3.703v-11.11zm11.11 0h-3.703v11.11h3.703v-11.11z"/>
<path d="M366.672 30.102h-7.407V11.585h14.813v3.703h3.703V30.1h-7.406V15.29h-3.703v14.814z"/>
<path d="M381.484 15.288h3.703v-3.703h11.11v3.703h-7.407v3.703h7.407V26.4h-3.703V30.1h-11.11V26.4h7.407v-3.703h-7.406v-7.407z"/>
</g>
</svg>
</a>
</h1>
<p>Buttons to add/remove contrast and increase/decrease font size.</p>
<a href="https://github.com/tiagoporto/accessibility-buttons" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250">
<title>Accessibility Buttons Repository</title>
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"/>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" class="octo-arm"/>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"/>
</svg>
</a>
<a class="github-button" href="https://github.com/tiagoporto" data-show-count="true" aria-label="Follow @tiagoporto on GitHub">
Follow @tiagoporto
</a>
<a class="github-button" href="https://github.com/tiagoporto/accessibility-buttons/fork" data-show-count="true" aria-label="Fork tiagoporto/accessibility-buttons on GitHub">
Fork
</a>
<a class="github-button" href="https://github.com/tiagoporto/accessibility-buttons/issues" data-show-count="true" aria-label="Issue tiagoporto/accessibility-buttons on GitHub">
Issue
</a>
<a class="github-button" href="https://github.com/tiagoporto/accessibility-buttons" data-show-count="true" aria-label="Star tiagoporto/accessibility-buttons on GitHub">
Star
</a>
</header>
<main class="main">
<div class="row">
<div class="column">
<button type="button" data-accessibility="font">+A</button>
</div>
<div class="column">
<button type="button" data-accessibility="contrast">Add Contrast</button>
</div>
</div>
<h2>Install</h2>
<code><pre>npm install accessibility-buttons --save</pre></code>
<h2>Usage</h2>
<p>Import</p>
<ul>
<li><kbd>accessibility-buttons/dist/css/accessibility-buttons.css</kbd></li>
<li><kbd>accessibility-buttons/dist/js/accessibility-buttons.js</kbd></li>
</ul>
<p>Add buttons</p>
<code>
<pre><button type="button" data-accessibility="font">+A</button>
<button type="button" data-accessibility="contrast">Add Contrast</button></pre>
</code>
<p>Initialize after DOM ready</p>
<code>
<pre>accessibilityButtons()</pre>
</code>
<p><strong>Note:</strong> Font size works only with "em" or "rem" units.</p>
<h2>Settings</h2>
<p>Check <a href="https://github.com/tiagoporto/accessibility-buttons/blob/master/README.md">github.com/tiagoporto/accessibility-buttons</a> for more details</p>
</main>
<footer class="footer">
Copyright © 2014 - <span id="year"></span> Tiago Porto
</footer>
<!-- build:js js/demo.js -->
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/jquery-logo-downloadtip/js/jquery-logo-downloadtip.min.js"></script>
<script src="js/accessibility-buttons.js"></script>
<script src="js/scripts.js"></script>
<script src="js/vendors.js"></script>
<!-- endbuild -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>