mirror of
https://github.com/rubjo/victor-mono.git
synced 2024-10-26 18:11:11 +03:00
Content updates, removed languages list and added supporter tier info
This commit is contained in:
parent
7414b3b5ae
commit
5b139194a2
13888
package-lock.json
generated
Normal file
13888
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -43,7 +43,7 @@
|
|||||||
"dom-confetti": "^0.1.1",
|
"dom-confetti": "^0.1.1",
|
||||||
"element-ui": "^2.12.0",
|
"element-ui": "^2.12.0",
|
||||||
"granim": "^2.0.0",
|
"granim": "^2.0.0",
|
||||||
"typed.js": "^2.0.10",
|
"typed.js": "^2.0.11",
|
||||||
"vue": "^2.6.10",
|
"vue": "^2.6.10",
|
||||||
"vue-codemirror": "^4.0.6",
|
"vue-codemirror": "^4.0.6",
|
||||||
"vue-faq-accordion": "^1.2.1",
|
"vue-faq-accordion": "^1.2.1",
|
||||||
@ -62,7 +62,7 @@
|
|||||||
"eslint-plugin-vue": "^5.0.0",
|
"eslint-plugin-vue": "^5.0.0",
|
||||||
"node-sass": "^4.9.2",
|
"node-sass": "^4.9.2",
|
||||||
"raw-loader": "^2.0.0",
|
"raw-loader": "^2.0.0",
|
||||||
"sass": "^1.22.10",
|
"sass": "^1.23.0",
|
||||||
"sass-loader": "^7.3.1",
|
"sass-loader": "^7.3.1",
|
||||||
"stylelint": "^10.0.1",
|
"stylelint": "^10.0.1",
|
||||||
"stylelint-config-recess-order": "^2.0.2",
|
"stylelint-config-recess-order": "^2.0.2",
|
||||||
|
183
src/App.vue
183
src/App.vue
@ -201,25 +201,10 @@
|
|||||||
<el-col
|
<el-col
|
||||||
:xs="22"
|
:xs="22"
|
||||||
:sm="16"
|
:sm="16"
|
||||||
:lg="12"
|
|
||||||
>
|
>
|
||||||
<p>
|
<p>
|
||||||
If you try it out and like it, I would be very grateful for any
|
If you try it out and like it, I would be very grateful for any donations.
|
||||||
<a
|
It means I can cover some costs for software and time spent - and keep refining and extending the font.
|
||||||
href="javascript:void(0)"
|
|
||||||
class="donate"
|
|
||||||
@click="paypal"
|
|
||||||
>PayPal</a>
|
|
||||||
or
|
|
||||||
<a
|
|
||||||
href="javascript:void(0)"
|
|
||||||
class="donate"
|
|
||||||
@click="patreon"
|
|
||||||
>Patreon</a>
|
|
||||||
donations.
|
|
||||||
After initially pondering whether or not to sell it,
|
|
||||||
I decided to give it away.
|
|
||||||
If you are able to and want to contribute: a sincere thank you! 🙏
|
|
||||||
</p>
|
</p>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
@ -233,10 +218,26 @@
|
|||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
icon="el-icon-medal-1"
|
icon="el-icon-medal-1"
|
||||||
|
class="double-line margin-bottom"
|
||||||
type="success"
|
type="success"
|
||||||
@click="paypal"
|
@click="paypal"
|
||||||
>
|
>
|
||||||
Donate
|
Donate<br>
|
||||||
|
<em>via PayPal</em>
|
||||||
|
</el-button>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a
|
||||||
|
class="donate"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
icon="el-icon-medal-1"
|
||||||
|
class="double-line margin-bottom"
|
||||||
|
type="success"
|
||||||
|
@click="patreon"
|
||||||
|
>
|
||||||
|
Support<br>
|
||||||
|
<em>via Patreon</em>
|
||||||
</el-button>
|
</el-button>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
@ -246,9 +247,11 @@
|
|||||||
>
|
>
|
||||||
<el-button
|
<el-button
|
||||||
icon="el-icon-download"
|
icon="el-icon-download"
|
||||||
|
class="double-line margin-bottom"
|
||||||
type="info"
|
type="info"
|
||||||
>
|
>
|
||||||
Download
|
Download<br>
|
||||||
|
<em>~5MB ZIP</em>
|
||||||
</el-button>
|
</el-button>
|
||||||
</a>
|
</a>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -259,7 +262,8 @@
|
|||||||
>
|
>
|
||||||
<el-col
|
<el-col
|
||||||
:xs="22"
|
:xs="22"
|
||||||
:sm="16"
|
:sm="12"
|
||||||
|
:lg="10"
|
||||||
>
|
>
|
||||||
<p class="small centre">
|
<p class="small centre">
|
||||||
<em>With
|
<em>With
|
||||||
@ -271,21 +275,125 @@
|
|||||||
just run
|
just run
|
||||||
</em>
|
</em>
|
||||||
<br>
|
<br>
|
||||||
<code>brew tap homebrew/cask-fonts && brew cask install font-victor-mono</code>
|
<code>brew tap homebrew/cask-fonts</code><br>
|
||||||
🚀
|
<code>brew cask install font-victor-mono</code>
|
||||||
</p>
|
</p>
|
||||||
|
</el-col>
|
||||||
|
<el-col
|
||||||
|
:xs="22"
|
||||||
|
:sm="12"
|
||||||
|
:lg="10"
|
||||||
|
>
|
||||||
<p class="small centre">
|
<p class="small centre">
|
||||||
<em>For use in apps, web pages or other projects:</em>
|
<em>For use in apps, web pages or other projects:</em>
|
||||||
<br>
|
<br>
|
||||||
<code>npm i victormono</code>
|
<code>npm i victormono</code>
|
||||||
-->
|
->
|
||||||
<code>import 'victormono'</code>
|
<code>import 'victormono'</code>
|
||||||
-->
|
<br>
|
||||||
Style elements with <code>font-family: 'Victor Mono'</code>
|
Style elements with <code>font-family: 'Victor Mono'</code>
|
||||||
🎆
|
|
||||||
</p>
|
</p>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
<el-row>
|
||||||
|
<el-col>
|
||||||
|
<h1 class="centre no-padding">
|
||||||
|
<em>Supporters</em>
|
||||||
|
</h1>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row
|
||||||
|
type="flex"
|
||||||
|
justify="center"
|
||||||
|
>
|
||||||
|
<el-col
|
||||||
|
:xs="6"
|
||||||
|
>
|
||||||
|
<p class="centre no-padding no-margin-bottom">
|
||||||
|
<img src="./assets/img/bronze.png">
|
||||||
|
</p>
|
||||||
|
<h2 class="centre no-margin">
|
||||||
|
Bronze<br>
|
||||||
|
<div class="small">
|
||||||
|
Fan
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<p class="small centre">
|
||||||
|
<em>$1/month or - $9.99 once</em>
|
||||||
|
</p>
|
||||||
|
<div class="centre">
|
||||||
|
Thank you to everyone contributing! ❤️
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col
|
||||||
|
:xs="6"
|
||||||
|
>
|
||||||
|
<p class="centre no-padding no-margin-bottom">
|
||||||
|
<img src="./assets/img/silver.png">
|
||||||
|
</p>
|
||||||
|
<h2 class="centre no-margin">
|
||||||
|
Silver<br>
|
||||||
|
<div class="small">
|
||||||
|
Supporter
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<p class="small centre">
|
||||||
|
<em>$2/month or $10 - $24.99 once</em>
|
||||||
|
</p>
|
||||||
|
<div class="centre">
|
||||||
|
Thank you to everyone contributing! ❤️
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col
|
||||||
|
:xs="6"
|
||||||
|
class="gold"
|
||||||
|
>
|
||||||
|
<p class="centre no-padding no-margin-bottom">
|
||||||
|
<img src="./assets/img/gold.png">
|
||||||
|
</p>
|
||||||
|
<h2 class="centre no-margin">
|
||||||
|
Gold<br>
|
||||||
|
<div class="small">
|
||||||
|
Patron
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<p class="small centre">
|
||||||
|
<em>$5/month or $25 - $44.99 once</em>
|
||||||
|
</p>
|
||||||
|
<div class="centre">
|
||||||
|
Thank you to:
|
||||||
|
</div>
|
||||||
|
<div class="centre supporter">
|
||||||
|
Colton Borg
|
||||||
|
</div>
|
||||||
|
<div class="centre supporter">
|
||||||
|
Christoph Siedentop
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
<el-col
|
||||||
|
:xs="6"
|
||||||
|
class="rainbow"
|
||||||
|
>
|
||||||
|
<p class="centre no-padding no-margin-bottom">
|
||||||
|
<img src="./assets/img/unicorn.png">
|
||||||
|
</p>
|
||||||
|
<h2 class="centre no-margin">
|
||||||
|
Rainbow<br>
|
||||||
|
<div class="small">
|
||||||
|
Champion Guardian Unicorn
|
||||||
|
</div>
|
||||||
|
</h2>
|
||||||
|
<p class="small centre">
|
||||||
|
<em>$10/month or $45+ once</em>
|
||||||
|
</p>
|
||||||
|
<div class="centre">
|
||||||
|
Thank you to:
|
||||||
|
</div>
|
||||||
|
<div class="centre supporter">
|
||||||
|
April Collier
|
||||||
|
</div>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
</div>
|
</div>
|
||||||
<HeroImage
|
<HeroImage
|
||||||
image="specimen"
|
image="specimen"
|
||||||
@ -296,31 +404,6 @@
|
|||||||
image="powerline"
|
image="powerline"
|
||||||
:theme="theme"
|
:theme="theme"
|
||||||
/>
|
/>
|
||||||
<div class="content">
|
|
||||||
<div
|
|
||||||
id="languages"
|
|
||||||
class="scroll-head"
|
|
||||||
/>
|
|
||||||
<el-row>
|
|
||||||
<el-col>
|
|
||||||
<h1 class="centre">
|
|
||||||
<em>Supported languages</em>
|
|
||||||
</h1>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row
|
|
||||||
type="flex"
|
|
||||||
justify="center"
|
|
||||||
>
|
|
||||||
<el-col
|
|
||||||
:span="23"
|
|
||||||
>
|
|
||||||
<p class="extra-small narrow columns">
|
|
||||||
Abenaki<br>Afaan Oromo<br>Afar<br>Albanian<br>Alsatian<br>Amis<br>Anuta<br>Aragonese<br>Aranese<br>Aromanian<br>Arrernte<br>Arvanitic (Latin)<br>Asturian<br>Atayal<br>Aymara<br>Bashkir (Latin)<br>Basque<br>Bemba<br>Bikol<br>Bislama<br>Bosnian<br>Breton<br>Cape Verdean Creole<br>Cebuano<br>Chamorro<br>Chavacano<br>Chichewa<br>Chickasaw<br>Cimbrian<br>Cofán<br>Corsican<br>Creek<br>Crimean Tatar (Latin)<br>Croatian<br>Czech<br>Dawan<br>Delaware<br>Dholuo<br>Drehu<br>English<br>Estonian<br>Faroese<br>Fijian<br>Filipino<br>Finnish<br>Folkspraak<br>French<br>Frisian<br>Friulian<br>Gagauz (Latin)<br>Galician<br>Ganda<br>Genoese<br>German<br>Gikuyu<br>Gooniyandi<br>Guadeloupean Creole<br>Gwich’in<br>Haitian Creole<br>Hän<br>Hawaiian<br>Hiligaynon<br>Hopi<br>Hotcąk (Latin)<br>Hungarian<br>Ido<br>Igbo<br>Ilocano<br>Indonesian<br>Interglossa<br>Interlingua<br>Irish<br>Istro-Romanian<br>Italian<br>Jamaican<br>Javanese (Latin)<br>Jèrriais<br>Kaingang<br>Kala Lagaw Ya<br>Kapampangan (Latin)<br>Kaqchikel<br>Karakalpak (Latin)<br>Karelian (Latin)<br>Kashubian<br>Kikongo<br>Kinyarwanda<br>Kiribati<br>Kirundi<br>Klingon<br>Ladin<br>Latin<br>Latino sine Flexione<br>Latvian<br>Lithuanian<br>Lojban<br>Lombard<br>Low Saxon<br>Luxembourgish<br>Maasai<br>Makhuwa<br>Malay<br>Maltese<br>Manx<br>Māori<br>Marquesan<br>Megleno-Romanian<br>Meriam Mir<br>Mirandese<br>Mohawk<br>Moldovan<br>Montagnais<br>Montenegrin<br>Murrinh-Patha<br>Nagamese Creole<br>Ndebele<br>Neapolitan<br>Ngiyambaa<br>Niuean<br>Noongar<br>Norwegian<br>Novial<br>Occidental<br>Occitan<br>Oshiwambo<br>Ossetian (Latin)<br>Palauan<br>Papiamento<br>Piedmontese<br>Polish<br>Portuguese<br>Potawatomi<br>Q’eqchi’<br>Quechua<br>Rarotongan<br>Romanian<br>Romansh<br>Rotokas<br>Sami (Inari Sami)<br>Sami (Lule Sami)<br>Sami (Northern Sami)<br>Sami (Southern Sami)<br>Samoan<br>Sango<br>Saramaccan<br>Sardinian<br>Scottish Gaelic<br>Serbian (Latin)<br>Seri<br>Seychellois Creole<br>Shawnee<br>Shona<br>Sicilian<br>Silesian<br>Slovak<br>Slovenian<br>Slovio (Latin)<br>Somali<br>Sorbian (Lower Sorbian)<br>Sorbian (Upper Sorbian)<br>Sotho (Northern)<br>Sotho (Southern)<br>Spanish<br>Sranan<br>Sundanese (Latin)<br>Swahili<br>Swazi<br>Swedish<br>Tagalog<br>Tahitian<br>Tetum<br>Tok Pisin<br>Tokelauan<br>Tongan<br>Tshiluba<br>Tsonga<br>Tswana<br>Tumbuka<br>Turkish<br>Turkmen (Latin)<br>Tuvaluan<br>Tzotzil<br>Uzbek (Latin)<br>Venetian<br>Vepsian<br>Volapük<br>Võro<br>Wallisian<br>Walloon<br>Waray-Waray<br>Warlpiri<br>Wayuu<br>Welsh<br>Wik-Mungkan<br>Wiradjuri<br>Wolof<br>Xavante<br>Xhosa<br>Yapese<br>Yindjibarndi<br>Zapotec<br>Zulu<br>Zuni<br>
|
|
||||||
</p>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
<Credits />
|
<Credits />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
BIN
src/assets/img/bronze.png
Normal file
BIN
src/assets/img/bronze.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
BIN
src/assets/img/gold.png
Normal file
BIN
src/assets/img/gold.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
BIN
src/assets/img/silver.png
Normal file
BIN
src/assets/img/silver.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 10 KiB |
BIN
src/assets/img/unicorn.png
Normal file
BIN
src/assets/img/unicorn.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
@ -155,6 +155,14 @@
|
|||||||
>
|
>
|
||||||
Nicolas Beauvais</a>
|
Nicolas Beauvais</a>
|
||||||
<br><br>
|
<br><br>
|
||||||
|
<em>Supporter tier medal design</em>
|
||||||
|
<br>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
href="https://psdblast.com"
|
||||||
|
>
|
||||||
|
Andy (psdblast.com)</a>
|
||||||
|
<br><br>
|
||||||
<em>First-class apps for compressing images</em>
|
<em>First-class apps for compressing images</em>
|
||||||
<br>
|
<br>
|
||||||
<a
|
<a
|
||||||
|
@ -1,9 +1,10 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import { Row, Col, Button, Tooltip } from 'element-ui'
|
import { Row, Col, Button, ButtonGroup, Tooltip } from 'element-ui'
|
||||||
|
|
||||||
import 'element-ui/lib/theme-chalk/display.css'
|
import 'element-ui/lib/theme-chalk/display.css'
|
||||||
|
|
||||||
Vue.use(Row)
|
Vue.use(Row)
|
||||||
Vue.use(Col)
|
Vue.use(Col)
|
||||||
Vue.use(Button)
|
Vue.use(Button)
|
||||||
|
Vue.use(ButtonGroup)
|
||||||
Vue.use(Tooltip)
|
Vue.use(Tooltip)
|
||||||
|
@ -102,6 +102,13 @@ p {
|
|||||||
border-color: var(--text-color);
|
border-color: var(--text-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&.double-line {
|
||||||
|
padding: 8px 14px;
|
||||||
|
em {
|
||||||
|
font-size: 0.75em;
|
||||||
|
line-height: 0.6em;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-theme=light] {
|
[data-theme=light] {
|
||||||
@ -160,6 +167,22 @@ p {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.margin-bottom {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-margin-bottom {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-margin {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-padding {
|
||||||
|
padding: 0!important;
|
||||||
|
}
|
||||||
|
|
||||||
.scroll-head {
|
.scroll-head {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: -3vw;
|
margin-top: -3vw;
|
||||||
@ -169,6 +192,13 @@ h1 {
|
|||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
.small {
|
||||||
|
font-size: 0.5em;
|
||||||
|
line-height: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 10px 10px 40px 10px;
|
padding: 10px 10px 40px 10px;
|
||||||
h1 {
|
h1 {
|
||||||
@ -176,6 +206,29 @@ h1 {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gold {
|
||||||
|
.supporter {
|
||||||
|
text-shadow:
|
||||||
|
0 0 5px #ff0,
|
||||||
|
0 0 10px #fa0,
|
||||||
|
0 0 30px #c70;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rainbow {
|
||||||
|
.supporter {
|
||||||
|
text-shadow:
|
||||||
|
0 0 5px #000,
|
||||||
|
-3px -2px 8px #ff0,
|
||||||
|
0 2px 8px #f90,
|
||||||
|
-3px -3px 8px #0f0,
|
||||||
|
3px -3px 8px #0fc,
|
||||||
|
5px 3px 8px #f0f,
|
||||||
|
4px 0 8px #9ef,
|
||||||
|
-2px 2px 8px #f00;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
em.alt {
|
em.alt {
|
||||||
font-family: 'VictorMono-Oblique', monospace;
|
font-family: 'VictorMono-Oblique', monospace;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user