diff options
author | Santiago Soler <santiago.r.soler@gmail.com> | 2021-03-13 14:25:12 -0300 |
---|---|---|
committer | Santiago Soler <santiago.r.soler@gmail.com> | 2021-03-13 14:25:12 -0300 |
commit | da003c8621fa787e051a846f5f8d4d15ad72f8c3 (patch) | |
tree | 4ca849458cfcddf705ff7639ce32d3e9d00c1c72 | |
parent | 11eed3a7fa97454ab99852dc36176a5b9709ae26 (diff) | |
download | website-da003c8621fa787e051a846f5f8d4d15ad72f8c3.tar.gz |
Initial commit
27 files changed, 889 insertions, 0 deletions
diff --git a/assets/fira_code_v5.2/README.txt b/assets/fira_code_v5.2/README.txt new file mode 100644 index 0000000..95e1667 --- /dev/null +++ b/assets/fira_code_v5.2/README.txt @@ -0,0 +1,566 @@ +Installing +========== + +Windows +------- + +In the ttf folder, double-click each font file, click “Install font”; to install all at once, select all files, right-click, and choose “Install” + +OR + +Use https://chocolatey.org: + + choco install firacode-ttf + + +macOS +----- + +In the downloaded TTF folder: + +1. Select all font files +2. Right click and select `Open` (alternatively `Open With Font Book`) +3. Select "Install Font" + +OR + +Use http://brew.sh: + + `brew tap homebrew/cask-fonts` + `brew cask install font-fira-code` + + +Ubuntu Zesty (17.04), Debian Stretch (9) or newer +------------------------------------------------- + +1. Make sure that the `universe` (for Ubuntu) or `contrib` (for Debian) repository is enabled (see https://askubuntu.com/questions/148638/how-do-i-enable-the-universe-repository or https://wiki.debian.org/SourcesList#Component) +2. Install `fonts-firacode` package either by executing `sudo apt install fonts-firacode` in the terminal or via GUI tool (like “Software Center”) + + +Arch Linux +---------- + +Fira Code package is available in the official repository: https://www.archlinux.org/packages/community/any/otf-fira-code/. + +Variant of Fira Code package is available in the AUR: https://aur.archlinux.org/packages/otf-fira-code-git/. + + +Gentoo +------ + + emerge -av media-fonts/fira-code + + +Fedora +------ + +A Fedora copr repository is available: https://copr.fedorainfracloud.org/coprs/evana/fira-code-fonts/. Package sources https://gitlab.com/evana11/fira-code-fonts-fedora. + +To install, perform the following commands: + + dnf copr enable evana/fira-code-fonts + dnf install fira-code-fonts + + +Solus +----- + +Fira Code package is available in the official repository: `font-firacode-ttf` and `font-firacode-otf`. +They can be installed by running: + + sudo eopkg install font-firacode-ttf font-firacode-otf + + +Void linux +---------- + + xbps-install font-firacode + + +Linux Manual Installation +------------------------- + +With most desktop-oriented distributions, double-clicking each font file in the ttf folder and selecting “Install font” should be enough. If it isn’t, create and run `download_and_install.sh` script: + + #!/usr/bin/env bash + + fonts_dir="${HOME}/.local/share/fonts" + if [ ! -d "${fonts_dir}" ]; then + echo "mkdir -p $fonts_dir" + mkdir -p "${fonts_dir}" + else + echo "Found fonts dir $fonts_dir" + fi + + for type in Bold Light Medium Regular Retina; do + file_path="${HOME}/.local/share/fonts/FiraCode-${type}.ttf" + file_url="https://github.com/tonsky/FiraCode/blob/master/distr/ttf/FiraCode-${type}.ttf?raw=true" + if [ ! -e "${file_path}" ]; then + echo "wget -O $file_path $file_url" + wget -O "${file_path}" "${file_url}" + else + echo "Found existing file $file_path" + fi; + done + + echo "fc-cache -f" + fc-cache -f + +More details: https://github.com/tonsky/FiraCode/issues/4 + + +FreeBSD +------- + +Using pkg(8): + + pkg install firacode + +OR + +Using ports: + + cd /usr/ports/x11-fonts/firacode && make install clean + + +Enabling ligatures +================== + +Atom +---- + +To change your font to Fira Code, open Atom's preferences (`cmd + ,` on a Mac, `ctrl + ,` on PC), make sure the "Settings" tab is selected, or the "Editor" in Atom 1.10+, and scroll down to "Editor Settings". In the "Font Family" field, enter `Fira Code`. + +If you wish to specify a font weight, for example, Light, use `Fira Code Light` as a font name (Windows) or `FiraCode-Light` (macOS). + +Ligatures are enabled by default in Atom 1.9 and above. + + +VS Code +------- + +To open the settings editor, first from the File menu choose Preferences, Settings or use keyboard shortcut `Ctrl + ,` (Windows) or `Cmd + ,` (macOS). + +To enable FiraCode in the settings editor, under "Commonly Used", expand the "Text Editor" settings and then click on "Font". In the "Font Family" input box type `Fira Code`, replacing any content. Tick the check box "Enables/Disables font ligatures" under "Font Ligatures" to enable the special ligatures. + +If you wish to specify a font weight, for example, Light, use `Fira Code Light` as a font name (Windows) or `FiraCode-Light` (macOS). + + +IntelliJ products +----------------- + +1. Enable in Settings → Editor → Font → Enable Font Ligatures +2. Select `Fira Code` as "Primary font" under Settings → Editor → Font + +Additionally, if a Color Scheme is selected: + +3. Enable in Settings → Editor → Color Scheme → Color Scheme Font → Enable Font Ligatures +4. Select Fira Code as "Primary font" under Settings → Editor → Color Scheme → Color Scheme Font + + +BBEdit, TextWrangler +-------------------- + +Run in your terminal: + + defaults write com.barebones.bbedit "EnableFontLigatures_Fira Code" -bool YES + +Source: https://www.barebones.com/support/bbedit/ExpertPreferences.html + + +Brackets +-------- + +1. From the `View` menu choose `Themes....` +2. Paste `'Fira Code'`, at the begining of `Font Family` + + +Emacs +----- + +There are a few options when it comes down to using ligatures in +Emacs. They are listed in order of preferred to less-preferred. Pick one! + +1. Using composition mode in Emacs Mac port + +If you're using the latest Mac port of Emacs (https://bitbucket.org/mituharu/emacs-mac by Mitsuharu Yamamoto) for macOS, you can use: + + (mac-auto-operator-composition-mode) + +This is generally the easiest solution, but can only be used on macOS. + +2. Using prettify-symbols + +These instructions are pieced together by https://github.com/Triavanicus, taking some pieces from https://github.com/minad/hasklig-mode. + +This method requires you to install the Fira Code Symbol font, made by https://github.com/siegebell: +https://github.com/tonsky/FiraCode/issues/211#issuecomment-239058632 + + (defun fira-code-mode--make-alist (list) + "Generate prettify-symbols alist from LIST." + (let ((idx -1)) + (mapcar + (lambda (s) + (setq idx (1+ idx)) + (let* ((code (+ #Xe100 idx)) + (width (string-width s)) + (prefix ()) + (suffix '(?\s (Br . Br))) + (n 1)) + (while (< n width) + (setq prefix (append prefix '(?\s (Br . Bl)))) + (setq n (1+ n))) + (cons s (append prefix suffix (list (decode-char 'ucs code)))))) + list))) + + (defconst fira-code-mode--ligatures + '("www" "**" "***" "**/" "*>" "*/" "\\\\" "\\\\\\" + "{-" "[]" "::" ":::" ":=" "!!" "!=" "!==" "-}" + "--" "---" "-->" "->" "->>" "-<" "-<<" "-~" + "#{" "#[" "##" "###" "####" "#(" "#?" "#_" "#_(" + ".-" ".=" ".." "..<" "..." "?=" "??" ";;" "/*" + "/**" "/=" "/==" "/>" "//" "///" "&&" "||" "||=" + "|=" "|>" "^=" "$>" "++" "+++" "+>" "=:=" "==" + "===" "==>" "=>" "=>>" "<=" "=<<" "=/=" ">-" ">=" + ">=>" ">>" ">>-" ">>=" ">>>" "<*" "<*>" "<|" "<|>" + "<$" "<$>" "<!--" "<-" "<--" "<->" "<+" "<+>" "<=" + "<==" "<=>" "<=<" "<>" "<<" "<<-" "<<=" "<<<" "<~" + "<~~" "</" "</>" "~@" "~-" "~=" "~>" "~~" "~~>" "%%" + "x" ":" "+" "+" "*")) + + (defvar fira-code-mode--old-prettify-alist) + + (defun fira-code-mode--enable () + "Enable Fira Code ligatures in current buffer." + (setq-local fira-code-mode--old-prettify-alist prettify-symbols-alist) + (setq-local prettify-symbols-alist (append (fira-code-mode--make-alist fira-code-mode--ligatures) fira-code-mode--old-prettify-alist)) + (prettify-symbols-mode t)) + + (defun fira-code-mode--disable () + "Disable Fira Code ligatures in current buffer." + (setq-local prettify-symbols-alist fira-code-mode--old-prettify-alist) + (prettify-symbols-mode -1)) + + (define-minor-mode fira-code-mode + "Fira Code ligatures minor mode" + :lighter " Fira Code" + (setq-local prettify-symbols-unprettify-at-point 'right-edge) + (if fira-code-mode + (fira-code-mode--enable) + (fira-code-mode--disable))) + + (defun fira-code-mode--setup () + "Setup Fira Code Symbols" + (set-fontset-font t '(#Xe100 . #Xe16f) "Fira Code Symbol")) + + (provide 'fira-code-mode) + +Alternative instructions: https://github.com/Profpatsch/blog/blob/master/posts/ligature-emulation-in-emacs/post.md#appendix-b-update-1-firacode-integration + +3. Using composition char table + +Thanks to https://github.com/seanfarley for putting this together; extended by https://github.com/jrblevin. + +Put this lisp in your .emacs: + + (when (window-system) + (set-frame-font "Fira Code")) + (let ((alist '((33 . ".\\(?:\\(?:==\\|!!\\)\\|[!=]\\)") + (35 . ".\\(?:###\\|##\\|_(\\|[#(?[_{]\\)") + (36 . ".\\(?:>\\)") + (37 . ".\\(?:\\(?:%%\\)\\|%\\)") + (38 . ".\\(?:\\(?:&&\\)\\|&\\)") + (42 . ".\\(?:\\(?:\\*\\*/\\)\\|\\(?:\\*[*/]\\)\\|[*/>]\\)") + (43 . ".\\(?:\\(?:\\+\\+\\)\\|[+>]\\)") + (45 . ".\\(?:\\(?:-[>-]\\|<<\\|>>\\)\\|[<>}~-]\\)") + (46 . ".\\(?:\\(?:\\.[.<]\\)\\|[.=-]\\)") + (47 . ".\\(?:\\(?:\\*\\*\\|//\\|==\\)\\|[*/=>]\\)") + (48 . ".\\(?:x[a-zA-Z]\\)") + (58 . ".\\(?:::\\|[:=]\\)") + (59 . ".\\(?:;;\\|;\\)") + (60 . ".\\(?:\\(?:!--\\)\\|\\(?:~~\\|->\\|\\$>\\|\\*>\\|\\+>\\|--\\|<[<=-]\\|=[<=>]\\||>\\)\\|[*$+~/<=>|-]\\)") + (61 . ".\\(?:\\(?:/=\\|:=\\|<<\\|=[=>]\\|>>\\)\\|[<=>~]\\)") + (62 . ".\\(?:\\(?:=>\\|>[=>-]\\)\\|[=>-]\\)") + (63 . ".\\(?:\\(\\?\\?\\)\\|[:=?]\\)") + (91 . ".\\(?:]\\)") + (92 . ".\\(?:\\(?:\\\\\\\\\\)\\|\\\\\\)") + (94 . ".\\(?:=\\)") + (119 . ".\\(?:ww\\)") + (123 . ".\\(?:-\\)") + (124 . ".\\(?:\\(?:|[=|]\\)\\|[=>|]\\)") + (126 . ".\\(?:~>\\|~~\\|[>=@~-]\\)") + ) + )) + (dolist (char-regexp alist) + (set-char-table-range composition-function-table (car char-regexp) + `([,(cdr char-regexp) 0 font-shape-gstring])))) + +**Note!** If you get `error in process filter: Attempt to shape unibyte text`, check out https://github.com/tonsky/FiraCode/issues/42. Emacs Cider users may avoid this issue by commenting the following line from the above config: + + ;; (46 . ".\\(?:\\(?:\\.[.<]\\)\\|[.=-]\\)") + +Char `45` is also known to have issues in macOS Mojave. + +If you are having problems with helm you can disable ligatures in helm: + + (add-hook 'helm-major-mode-hook + (lambda () + (setq auto-composition-mode nil))) + +4. Using font-lock keywords + +If none of the above worked, you can try this method. + +This method requires you to install the Fira Code Symbol font, made by https://github.com/siegebell: +https://github.com/tonsky/FiraCode/issues/211#issuecomment-239058632 + + ;;; Fira code + ;; This works when using emacs --daemon + emacsclient + (add-hook 'after-make-frame-functions (lambda (frame) (set-fontset-font t '(#Xe100 . #Xe16f) "Fira Code Symbol"))) + ;; This works when using emacs without server/client + (set-fontset-font t '(#Xe100 . #Xe16f) "Fira Code Symbol") + ;; I haven't found one statement that makes both of the above situations work, so I use both for now + + (defconst fira-code-font-lock-keywords-alist + (mapcar (lambda (regex-char-pair) + `(,(car regex-char-pair) + (0 (prog1 () + (compose-region (match-beginning 1) + (match-end 1) + ;; The first argument to concat is a string containing a literal tab + ,(concat " " (list (decode-char 'ucs (cadr regex-char-pair))))))))) + '(("\\(www\\)" #Xe100) + ("[^/]\\(\\*\\*\\)[^/]" #Xe101) + ("\\(\\*\\*\\*\\)" #Xe102) + ("\\(\\*\\*/\\)" #Xe103) + ("\\(\\*>\\)" #Xe104) + ("[^*]\\(\\*/\\)" #Xe105) + ("\\(\\\\\\\\\\)" #Xe106) + ("\\(\\\\\\\\\\\\\\)" #Xe107) + ("\\({-\\)" #Xe108) + ("\\(\\[\\]\\)" #Xe109) + ("\\(::\\)" #Xe10a) + ("\\(:::\\)" #Xe10b) + ("[^=]\\(:=\\)" #Xe10c) + ("\\(!!\\)" #Xe10d) + ("\\(!=\\)" #Xe10e) + ("\\(!==\\)" #Xe10f) + ("\\(-}\\)" #Xe110) + ("\\(--\\)" #Xe111) + ("\\(---\\)" #Xe112) + ("\\(-->\\)" #Xe113) + ("[^-]\\(->\\)" #Xe114) + ("\\(->>\\)" #Xe115) + ("\\(-<\\)" #Xe116) + ("\\(-<<\\)" #Xe117) + ("\\(-~\\)" #Xe118) + ("\\(#{\\)" #Xe119) + ("\\(#\\[\\)" #Xe11a) + ("\\(##\\)" #Xe11b) + ("\\(###\\)" #Xe11c) + ("\\(####\\)" #Xe11d) + ("\\(#(\\)" #Xe11e) + ("\\(#\\?\\)" #Xe11f) + ("\\(#_\\)" #Xe120) + ("\\(#_(\\)" #Xe121) + ("\\(\\.-\\)" #Xe122) + ("\\(\\.=\\)" #Xe123) + ("\\(\\.\\.\\)" #Xe124) + ("\\(\\.\\.<\\)" #Xe125) + ("\\(\\.\\.\\.\\)" #Xe126) + ("\\(\\?=\\)" #Xe127) + ("\\(\\?\\?\\)" #Xe128) + ("\\(;;\\)" #Xe129) + ("\\(/\\*\\)" #Xe12a) + ("\\(/\\*\\*\\)" #Xe12b) + ("\\(/=\\)" #Xe12c) + ("\\(/==\\)" #Xe12d) + ("\\(/>\\)" #Xe12e) + ("\\(//\\)" #Xe12f) + ("\\(///\\)" #Xe130) + ("\\(&&\\)" #Xe131) + ("\\(||\\)" #Xe132) + ("\\(||=\\)" #Xe133) + ("[^|]\\(|=\\)" #Xe134) + ("\\(|>\\)" #Xe135) + ("\\(\\^=\\)" #Xe136) + ("\\(\\$>\\)" #Xe137) + ("\\(\\+\\+\\)" #Xe138) + ("\\(\\+\\+\\+\\)" #Xe139) + ("\\(\\+>\\)" #Xe13a) + ("\\(=:=\\)" #Xe13b) + ("[^!/]\\(==\\)[^>]" #Xe13c) + ("\\(===\\)" #Xe13d) + ("\\(==>\\)" #Xe13e) + ("[^=]\\(=>\\)" #Xe13f) + ("\\(=>>\\)" #Xe140) + ("\\(<=\\)" #Xe141) + ("\\(=<<\\)" #Xe142) + ("\\(=/=\\)" #Xe143) + ("\\(>-\\)" #Xe144) + ("\\(>=\\)" #Xe145) + ("\\(>=>\\)" #Xe146) + ("[^-=]\\(>>\\)" #Xe147) + ("\\(>>-\\)" #Xe148) + ("\\(>>=\\)" #Xe149) + ("\\(>>>\\)" #Xe14a) + ("\\(<\\*\\)" #Xe14b) + ("\\(<\\*>\\)" #Xe14c) + ("\\(<|\\)" #Xe14d) + ("\\(<|>\\)" #Xe14e) + ("\\(<\\$\\)" #Xe14f) + ("\\(<\\$>\\)" #Xe150) + ("\\(<!--\\)" #Xe151) + ("\\(<-\\)" #Xe152) + ("\\(<--\\)" #Xe153) + ("\\(<->\\)" #Xe154) + ("\\(<\\+\\)" #Xe155) + ("\\(<\\+>\\)" #Xe156) + ("\\(<=\\)" #Xe157) + ("\\(<==\\)" #Xe158) + ("\\(<=>\\)" #Xe159) + ("\\(<=<\\)" #Xe15a) + ("\\(<>\\)" #Xe15b) + ("[^-=]\\(<<\\)" #Xe15c) + ("\\(<<-\\)" #Xe15d) + ("\\(<<=\\)" #Xe15e) + ("\\(<<<\\)" #Xe15f) + ("\\(<~\\)" #Xe160) + ("\\(<~~\\)" #Xe161) + ("\\(</\\)" #Xe162) + ("\\(</>\\)" #Xe163) + ("\\(~@\\)" #Xe164) + ("\\(~-\\)" #Xe165) + ("\\(~=\\)" #Xe166) + ("\\(~>\\)" #Xe167) + ("[^<]\\(~~\\)" #Xe168) + ("\\(~~>\\)" #Xe169) + ("\\(%%\\)" #Xe16a) + ("[0\[]\\(x\\)" #Xe16b) + ("[^:=]\\(:\\)[^:=]" #Xe16c) + ("[^\\+<>]\\(\\+\\)[^\\+<>]" #Xe16d) + ("[^\\*/<>]\\(\\*\\)[^\\*/<>]" #Xe16f)))) + + (defun add-fira-code-symbol-keywords () + (font-lock-add-keywords nil fira-code-font-lock-keywords-alist)) + + (add-hook 'prog-mode-hook + #'add-fira-code-symbol-keywords) + +On some systems, `==` will appear incorrectly as a blank space in certain modes unless you add the following lines to your init file: + + (set-language-environment "UTF-8") + (set-default-coding-systems 'utf-8) + + +GoormIDE +-------- + +In a workspace: + +1. Click goormIDE, then Preferences. +2. Go to Theme, then focus Custom Theme CSS. +3. Copy & paste the following: + + @font-face{ + font-family: 'Fira Code'; + src: url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/eot/FiraCode-Regular.eot') format('embedded-opentype'), + url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/woff2/FiraCode-Regular.woff2') format('woff2'), + url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/woff/FiraCode-Regular.woff') format('woff'), + url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/ttf/FiraCode-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + } + + .editor_container pre { + -webkit-font-feature-settings: "liga" on, "calt" on; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: 'Fira Code'; + } + +4. Click Aplly or OK +5. Happy coding! + + +Cloud9 +------ + +In a workspace: + +1. Click Cloud9, then Preferences (or use keyboard shortcut CTRL + ,) +2. Go to Themes, then click on You can also style Cloud9 by editing your stylesheet (this will open a blank styles.css file in the C9 editor) +3. Copy & paste the following: + + @font-face{ + font-family: 'Fira Code'; + src: url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/eot/FiraCode-Regular.eot') format('embedded-opentype'), + url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/woff2/FiraCode-Regular.woff2') format('woff2'), + url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/woff/FiraCode-Regular.woff') format('woff'), + url('https://raw.githubusercontent.com/tonsky/FiraCode/master/distr/ttf/FiraCode-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; + } + + .ace_editor{ + -webkit-font-feature-settings: "liga" on, "calt" on; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + font-family: 'Fira Code'; + } + +4. Back in Preferences tab, click on User Settings, then click on Code Editor (Ace) +5. In Font Family field, enter Fira Code +6. Optionally, repeat step 5 for Preferences > User Settings > Terminal, if you want Fira Code font in C9 terminal. + + +MacVim +------ + +Add this to ~/.gvimrc: + + set macligatures + set guifont=Fira\ Code:h12 + +MacVim supports ligatures starting from version 7.4. + + +RStudio +------- + +In RStudio: + +1. Go to Tools > Global Options > Appearance +2. Select "Fira Code" as Editor Font. In older versions of RStudio, check "Use Ligatures". +3. Hit "OK" and enjoy + + +Sublime Text +------------ + +Preferences --> Settings + +Add before "ignored_packages": + + "font_face": "Fira Code", + "font_options": ["subpixel_antialias"], + +If you want enable antialias, add in font_options: "gray_antialias" + + +Visual Studio +------------- + +1. Launch Visual Studio (2015 or later). +2. Launch the Options dialog by opening the "Tools" menu and selecting "Options". +3. In the Options dialog, under the "Environment" category, you'll find "Fonts and Colors". Click on that. You'll see a combo-box on the right hand side of the dialog labelled "Font". Select "Fira Code" from that combo-box. +4. Click "OK" to dismiss. +5. Restart Visual Studio. + +Now, most FiraCode ligatures will work. A notable exception is the hyphen-based ligatures (e.g. the C++ dereference '->'). See https://github.com/tonsky/FiraCode/issues/422 for details. + + +Troubleshooting +=============== + +See https://github.com/tonsky/FiraCode/wiki/Troubleshooting diff --git a/assets/fira_code_v5.2/fira_code.css b/assets/fira_code_v5.2/fira_code.css new file mode 100644 index 0000000..d215f82 --- /dev/null +++ b/assets/fira_code_v5.2/fira_code.css @@ -0,0 +1,48 @@ +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Light.woff2') format('woff2'), + url("woff/FiraCode-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Regular.woff2') format('woff2'), + url("woff/FiraCode-Regular.woff") format("woff"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Medium.woff2') format('woff2'), + url("woff/FiraCode-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-SemiBold.woff2') format('woff2'), + url("woff/FiraCode-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Bold.woff2') format('woff2'), + url("woff/FiraCode-Bold.woff") format("woff"); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code VF'; + src: url('woff2/FiraCode-VF.woff2') format('woff2-variations'), + url('woff/FiraCode-VF.woff') format('woff-variations'); + /* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */ + font-weight: 300 700; + font-style: normal; +}
\ No newline at end of file diff --git a/assets/fira_code_v5.2/specimen.html b/assets/fira_code_v5.2/specimen.html new file mode 100644 index 0000000..6dce70b --- /dev/null +++ b/assets/fira_code_v5.2/specimen.html @@ -0,0 +1,95 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width,initial-scale=1.0"> + <title>Fira Code Specimen</title> + + <link rel="stylesheet" href="fira_code.css"> + <style> + body { font: 14px/1.5em "Fira Code"; } + .code { + font-feature-settings: "calt" 1; /* Enable ligatures for IE 10+, Edge */ + text-rendering: optimizeLegibility; /* Force ligatures for Webkit, Blink, Gecko */ + width: 30em; + margin: 5em auto; + white-space: pre-wrap; + word-break: break-all; + } + .light { font-weight: 300; } + .regular { font-weight: 400; } + .medium { font-weight: 500; } + .semibold { font-weight: 600; } + .bold { font-weight: 700; } + .variable { font-family: 'Fira Code VF'; font-variation-settings: 'wght' 400; } + i { font-style: normal; color: #c33; } + b { font-weight: inherit; color: #c33; } + </style> + <script type="text/javascript"> + function onWeightChange(weight) { + // code_variable.style['font-weight'] = weight; + code_variable.style['font-variation-settings'] = "'wght' " + weight; + span_wght.innerText = weight; + } + </script> +<body> + +<div class="code light"><b># Fira Code Light</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code regular"><b># Fira Code Regular</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code medium"><b># Fira Code Medium</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code semibold"><b># Fira Code SemiBold</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + + +<div class="code bold"><b># Fira Code Bold</b> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> + +<div id="code_variable" class="code variable"><b># Fira Code Variable</b> + +<input type="range" min="300" max="700" value="400" step="10" style="width: 300px;" oninput="onWeightChange(this.value)" onchange="onWeightChange(this.value)"> <span id="span_wght">400</span> + +take = (n, [x, <i>...</i>xs]:list) <i>--></i> + | n <i><=</i> 0 <i>=></i> [] + | empty list <i>=></i> [] + | otherwise <i>=></i> [x] <i>++</i> take n-1, xs + +last3 = reverse <i>>></i> take 3 <i>>></i> reverse</div> diff --git a/assets/fira_code_v5.2/ttf/FiraCode-Bold.ttf b/assets/fira_code_v5.2/ttf/FiraCode-Bold.ttf Binary files differnew file mode 100644 index 0000000..39265a1 --- /dev/null +++ b/assets/fira_code_v5.2/ttf/FiraCode-Bold.ttf diff --git a/assets/fira_code_v5.2/ttf/FiraCode-Light.ttf b/assets/fira_code_v5.2/ttf/FiraCode-Light.ttf Binary files differnew file mode 100644 index 0000000..ed3258e --- /dev/null +++ b/assets/fira_code_v5.2/ttf/FiraCode-Light.ttf diff --git a/assets/fira_code_v5.2/ttf/FiraCode-Medium.ttf b/assets/fira_code_v5.2/ttf/FiraCode-Medium.ttf Binary files differnew file mode 100644 index 0000000..2cad018 --- /dev/null +++ b/assets/fira_code_v5.2/ttf/FiraCode-Medium.ttf diff --git a/assets/fira_code_v5.2/ttf/FiraCode-Regular.ttf b/assets/fira_code_v5.2/ttf/FiraCode-Regular.ttf Binary files differnew file mode 100644 index 0000000..0d57068 --- /dev/null +++ b/assets/fira_code_v5.2/ttf/FiraCode-Regular.ttf diff --git a/assets/fira_code_v5.2/ttf/FiraCode-Retina.ttf b/assets/fira_code_v5.2/ttf/FiraCode-Retina.ttf Binary files differnew file mode 100644 index 0000000..248d36b --- /dev/null +++ b/assets/fira_code_v5.2/ttf/FiraCode-Retina.ttf diff --git a/assets/fira_code_v5.2/ttf/FiraCode-SemiBold.ttf b/assets/fira_code_v5.2/ttf/FiraCode-SemiBold.ttf Binary files differnew file mode 100644 index 0000000..56a8016 --- /dev/null +++ b/assets/fira_code_v5.2/ttf/FiraCode-SemiBold.ttf diff --git a/assets/fira_code_v5.2/variable_ttf/FiraCode-VF.ttf b/assets/fira_code_v5.2/variable_ttf/FiraCode-VF.ttf Binary files differnew file mode 100644 index 0000000..fd59413 --- /dev/null +++ b/assets/fira_code_v5.2/variable_ttf/FiraCode-VF.ttf diff --git a/assets/fira_code_v5.2/woff/FiraCode-Bold.woff b/assets/fira_code_v5.2/woff/FiraCode-Bold.woff Binary files differnew file mode 100644 index 0000000..d7c2099 --- /dev/null +++ b/assets/fira_code_v5.2/woff/FiraCode-Bold.woff diff --git a/assets/fira_code_v5.2/woff/FiraCode-Light.woff b/assets/fira_code_v5.2/woff/FiraCode-Light.woff Binary files differnew file mode 100644 index 0000000..9e99c41 --- /dev/null +++ b/assets/fira_code_v5.2/woff/FiraCode-Light.woff diff --git a/assets/fira_code_v5.2/woff/FiraCode-Medium.woff b/assets/fira_code_v5.2/woff/FiraCode-Medium.woff Binary files differnew file mode 100644 index 0000000..4ffa82d --- /dev/null +++ b/assets/fira_code_v5.2/woff/FiraCode-Medium.woff diff --git a/assets/fira_code_v5.2/woff/FiraCode-Regular.woff b/assets/fira_code_v5.2/woff/FiraCode-Regular.woff Binary files differnew file mode 100644 index 0000000..01a6bfc --- /dev/null +++ b/assets/fira_code_v5.2/woff/FiraCode-Regular.woff diff --git a/assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff b/assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff Binary files differnew file mode 100644 index 0000000..a46df49 --- /dev/null +++ b/assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff diff --git a/assets/fira_code_v5.2/woff/FiraCode-VF.woff b/assets/fira_code_v5.2/woff/FiraCode-VF.woff Binary files differnew file mode 100644 index 0000000..f7ac814 --- /dev/null +++ b/assets/fira_code_v5.2/woff/FiraCode-VF.woff diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 Binary files differnew file mode 100644 index 0000000..b76a82d --- /dev/null +++ b/assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 Binary files differnew file mode 100644 index 0000000..5084487 --- /dev/null +++ b/assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 Binary files differnew file mode 100644 index 0000000..f5b273d --- /dev/null +++ b/assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 Binary files differnew file mode 100644 index 0000000..c856e7b --- /dev/null +++ b/assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 diff --git a/assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 Binary files differnew file mode 100644 index 0000000..7fa2ac3 --- /dev/null +++ b/assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 diff --git a/assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 Binary files differnew file mode 100644 index 0000000..64ffe43 --- /dev/null +++ b/assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 diff --git a/blog/software-libre-android.html b/blog/software-libre-android.html new file mode 100644 index 0000000..2e6f4c7 --- /dev/null +++ b/blog/software-libre-android.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <head> + <meta charset="UTF-8" /> + <title>~santisoler</title> + <link rel="shortcut icon" href="/~santisoler/images/favicon.png" /> + <link + rel="stylesheet" + href="/~santisoler/assets/fira_code_v5.2/fira_code.css" + /> + <link rel="stylesheet" href="/~santisoler/style.css" /> + </head> + </head> + <body> + <main> + <a href="/~santisoler">../</a> + + <p class="date">2021-03-13</p> + + <h1>Software Libre en Android</h1> + + <p> + Sit dolorem quis ipsam quaerat accusantium, adipisci Omnis quam + excepturi a at eaque Nesciunt veritatis autem delectus perferendis + delectus. Esse sint doloribus deleniti velit sapiente doloribus Ipsa + architecto aperiam pariatur + </p> + </main> + </body> +</html> diff --git a/images/favicon.png b/images/favicon.png Binary files differnew file mode 100644 index 0000000..80f3261 --- /dev/null +++ b/images/favicon.png diff --git a/images/favicon.svg b/images/favicon.svg new file mode 100644 index 0000000..76185c7 --- /dev/null +++ b/images/favicon.svg @@ -0,0 +1,90 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="11.397074mm" + height="11.397074mm" + viewBox="0 0 11.397074 11.397074" + version="1.1" + id="svg8" + inkscape:version="1.0.2 (e86c870879, 2021-01-15)" + sodipodi:docname="favicon.svg" + inkscape:export-filename="/home/santi/git/website-texto-plano.xyz/images/favicon.png" + inkscape:export-xdpi="142.63" + inkscape:export-ydpi="142.63"> + <defs + id="defs2"> + <rect + x="21.84395" + y="61.589588" + width="163.85466" + height="90.397125" + id="rect12" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="5.6" + inkscape:cx="-2.0382458" + inkscape:cy="39.761126" + inkscape:document-units="mm" + inkscape:current-layer="layer1" + inkscape:document-rotation="0" + showgrid="false" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="1920" + inkscape:window-height="1027" + inkscape:window-x="0" + inkscape:window-y="25" + inkscape:window-maximized="1" /> + <metadata + id="metadata5"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-32.190242,-72.146625)"> + <circle + style="fill:#2e2e2e;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" + id="path21" + cx="37.888779" + cy="77.845161" + r="5.6985369" /> + <g + aria-label="~" + id="text10" + style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect12);fill:#f3f3f3;fill-opacity:1;stroke:none" + transform="matrix(1.1871921,0,0,1.1871921,8.0900789,-3.5972109)"> + <path + d="m 24.074384,66.60629 c -0.966065,0 -1.432816,0.748972 -1.758456,1.38397 l 0.65128,0.320212 c 0.282221,-0.521024 0.602434,-0.917219 1.074612,-0.917219 0.683844,0 1.069185,1.085467 2.084096,1.085467 0.95521,0 1.438243,-0.7544 1.758456,-1.373116 l -0.65128,-0.336494 c -0.282222,0.515596 -0.624143,0.922646 -1.074612,0.922646 -0.662135,0 -0.998629,-1.085466 -2.084096,-1.085466 z" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';fill:#f3f3f3;fill-opacity:1" + id="path16" /> + <path + d="m 24.074384,68.722955 c -0.966065,0 -1.432816,0.748972 -1.758456,1.38397 l 0.65128,0.320212 c 0.282221,-0.521024 0.602434,-0.917219 1.074612,-0.917219 0.683844,0 1.069185,1.085467 2.084096,1.085467 0.95521,0 1.438243,-0.7544 1.758456,-1.373116 l -0.65128,-0.336494 c -0.282222,0.515596 -0.624143,0.922646 -1.074612,0.922646 -0.662135,0 -0.998629,-1.085466 -2.084096,-1.085466 z" + style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';fill:#f3f3f3;fill-opacity:1" + id="path19" /> + </g> + </g> +</svg> diff --git a/index.html b/index.html new file mode 100644 index 0000000..b7fc0d0 --- /dev/null +++ b/index.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <title>~santisoler</title> + <link rel="shortcut icon" href="/~santisoler/images/favicon.png" /> + <link + rel="stylesheet" + href="/~santisoler/assets/fira_code_v5.2/fira_code.css" + /> + <link rel="stylesheet" href="/~santisoler/style.css" /> + </head> + <body> + <header> + <h1>~santisoler</h1> + + <h2> + Sitio de ~santisoler en + <a href="https://texto-plano.xyz">texto-plano.xyz</a> + </h2> + + <ul> + <li><a href="https://santisoler.github.io/">Website</a></li> + <li>GitHub: <a href="https://github.com/santisoler">santisoler</a></li> + <li> + Twitter: <a href="https://twitter.com/santirsoler">@santirsoler</a> + </li> + </ul> + </header> + + <main> + <h1>Blog</h1> + + <ul> + <li> + <h2> + <a href="/~santisoler/blog/software-libre-android.html" + >Software Libre en Android</a + > + </h2> + </li> + </ul> + </main> + + <footer> + Contenido disponible bajo + <a href="https://creativecommons.org/licenses/by/4.0/deed.es" + >Creative Commons Atribución 4.0 Internacional</a + >. + <br /> + Construida utilizando la fuente + <a href="https://github.com/tonsky/FiraCode">Fira Code</a> disponible bajo + licencia <a href="https://opensource.org/licenses/OFL-1.1">OFL-1.1</a>. + </footer> + </body> +</html> diff --git a/style.css b/style.css new file mode 100644 index 0000000..7aa6a59 --- /dev/null +++ b/style.css @@ -0,0 +1,3 @@ +body { + font-family: "Fira Code", monospace; +} |