Mirror
/
programmingfonts
mirror of https://github.com/braver/programmingfonts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

display current font

This commit is contained in:
Koen Lageveen 2019-06-10 21:14:23 +02:00
parent 9ca6ec569c
commit 67430062d7
3 changed files with 30 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
index.css
View File

@ -190,8 +190,15 @@ footer h1 + p {
}
footer a:hover,
footer a:active {
color: #2a2a2a;
text-decoration: underline;
}
footer p a,
footer p a:link,
footer p a:visited {
text-decoration: underline;
}
footer svg {
margin-top: 4px;
}
@ -331,6 +338,19 @@ label[for="select-theme"] {
-webkit-overflow-scrolling: touch;
}
.github-logo {
position: fixed;
bottom: 5px;
right: 5px;
z-index: 2;
display: block;
width: 16px;
height: 16px;
}
.github-logo svg path {
fill: #ccc;
}
@media screen and (max-width: 56em) {
.article-wrapper,
form {

12
index.html
View File

@ -246,11 +246,7 @@
<footer>
<h1><a href="http://programmingfonts.org">Programming Fonts</a></h1>
<p>
Test drive all the free programming fonts!
<br>
<a href="https://github.com/braver/programmingfonts"><svg class="octicon octicon-mark-github" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg></a>
</p>
<p class="subtitle">Test drive all the free programming fonts!</p>
</footer>
</article>
@ -291,6 +287,12 @@ function updateGutters(cm) {
</textarea>
</form>
<a class="github-logo" href="https://github.com/braver/programmingfonts">
<svg alt="github logo" class="octicon octicon-mark-github" viewBox="0 0 16 16" version="1.1" width="16" height="16">
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg>
</a>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="ga.js"></script>
<script src="index.js"></script>

4
index.js
View File

@ -38,6 +38,9 @@ function selectFont() {
if (font === '') {
font = 'input';
$('footer .subtitle').text('Test drive all the free programming fonts!');
} else {
$('footer .subtitle').html('Test drive <a rel="external" href="' + font_data[font].website + '">' + font_data[font].name + '!</a>');
}
if (font_data[font].rendering === 'bitmap') {
@ -161,7 +164,6 @@ function renderSelectList() {
);
});
selectFont();
setCounter($('.entry[data-alias]').length);
});
}