Merge branch 'feat/fontsource'

This commit is contained in:
Sam Carlton 2020-12-30 14:22:03 -06:00
commit 0a648eddae
16 changed files with 30 additions and 25 deletions

View file

@ -11,7 +11,7 @@
<label
v-if="isFocused"
:for="inputId"
class="block font-medium absolute"
class="block font-bold absolute"
style="top: -2em;"
>Email</label>
<div class="mt-1 relative rounded-md shadow-sm">

View file

@ -11,7 +11,7 @@
<label
v-if="isFocused"
:for="inputId"
class="block font-medium absolute"
class="block font-bold absolute"
style="top: -2em;"
>Email</label>
<div class="mt-1 relative rounded-md shadow-sm">

View file

@ -38,7 +38,7 @@ export default {
classlist () {
const defaultClassGroups = {
general: 'relative inline-flex items-center rounded-md px-4 py-2',
font: 'leading-5 font-medium',
font: 'leading-5 font-bold',
text: 'text-white',
border: 'border border-transparent focus:outline-none focus:border-indigo-600',
shadow: 'neumorphic-shadow focus:shadow-outline-indigo',

View file

@ -140,7 +140,7 @@
]"
:class-groups="{
// general: 'relative inline-flex items-center rounded-md px-4 py-2',
// font: 'leading-5 font-medium',
// font: 'leading-5 font-bold',
// text: 'text-white',
// border: 'border border-transparent focus:outline-none focus:border-indigo-600',
shadow: 'hover:neumorphic-shadow',
@ -159,7 +159,7 @@
]"
:class-groups="{
// general: 'relative inline-flex items-center rounded-md px-4 py-2',
// font: 'leading-5 font-medium',
// font: 'leading-5 font-bold',
// text: 'text-white',
// border: 'border border-transparent focus:outline-none focus:border-indigo-600',
shadow: 'hover:neumorphic-shadow',

View file

@ -34,7 +34,12 @@
</template>
<script>
import 'typeface-inter/inter.css'
// import '@fontsource/inter/latin-100.css'
// import '@fontsource/inter/latin-400.css'
// import '@fontsource/inter/latin-700.css'
import '@fontsource/inter/variable.css'
import Navbar from '~/components/navbar.vue'
// import TwitterFollow from '~/components/twitter-follow.vue'

10
package-lock.json generated
View file

@ -1095,6 +1095,11 @@
"integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
"dev": true
},
"@fontsource/inter": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.0.1.tgz",
"integrity": "sha512-NjH736K+aj/egfrhqAqW3x9y+VdzIrsLYzKIZ1dpZDd2WsUiJ+DJC+TdIjIB1vZ4wmZdlF2VGlbe/ycRh+dpOw=="
},
"@fullhuman/postcss-purgecss": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz",
@ -12041,11 +12046,6 @@
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
"dev": true
},
"typeface-inter": {
"version": "3.15.0",
"resolved": "https://registry.npmjs.org/typeface-inter/-/typeface-inter-3.15.0.tgz",
"integrity": "sha512-kWLJsvqSJTBKilu1HsBYHwi3usFg8JQ9I9u+bcU2kOkIi48fOZy8sYacbFmlJ9EHRVNqqvM4zeI73WCSKNMOuQ=="
},
"ua-parser-js": {
"version": "0.7.23",
"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.23.tgz",

View file

@ -15,6 +15,7 @@
"clone-readme": "cp ./README.md README-temp.md"
},
"dependencies": {
"@fontsource/inter": "^4.0.1",
"@nuxtjs/sitemap": "^2.4.0",
"axios": "^0.21.0",
"cross-env": "^5.2.0",
@ -24,8 +25,7 @@
"node-html-parser": "^2.0.0",
"observe-element-in-viewport": "0.0.15",
"scroll-into-view-if-needed": "^2.2.26",
"slugify": "^1.4.6",
"typeface-inter": "^3.15.0"
"slugify": "^1.4.6"
},
"devDependencies": {
"@nuxtjs/tailwindcss": "^3.3.4",

View file

@ -33,7 +33,7 @@
</div>
</template>
<!-- <h1 class="title text-sm md:text-3xl font-semibold">
<!-- <h1 class="title text-sm md:text-3xl font-bold">
{{ video.name }}
</h1> -->

View file

@ -2,7 +2,7 @@
<section class="container py-32">
<div class="flex flex-col items-center text-center space-y-8">
<div class="hero-heading space-y-6">
<h1 class="title text-sm md:text-2xl font-semibold">
<h1 class="title text-sm md:text-2xl font-bold">
Does {{ app.name }} work on Apple Silicon?
</h1>
<h2 class="subtitle text-2xl md:text-5xl font-bold">

View file

@ -33,7 +33,7 @@
/>
</svg>
</div>
<h2 class="title text-lg md:text-2xl font-semibold">
<h2 class="title text-lg md:text-2xl font-bold">
{{ video.name }}
</h2>
</div>

View file

@ -1,7 +1,7 @@
<template>
<section class="container py-32">
<div class="flex flex-col items-center text-center">
<h1 class="title text-sm md:text-2xl font-semibold">
<h1 class="title text-sm md:text-2xl font-bold">
Does <code>{{ app.name }}</code> work on Apple Silicon when installed via Homebrew?
</h1>
<h2 class="subtitle text-2xl md:text-5xl font-bold py-6">

View file

@ -1,7 +1,7 @@
<template>
<section class="container py-32">
<div class="flex flex-col items-center text-center">
<h1 class="title text-sm md:text-2xl font-semibold">
<h1 class="title text-sm md:text-2xl font-bold">
Does {{ app.name }} work on Apple Silicon?
</h1>
<h2 class="subtitle text-2xl md:text-5xl font-bold py-6">
@ -37,8 +37,8 @@
<div class="w-full flex items-center justify-between p-6">
<div class="flex-1">
<div class="space-x-3">
<h3 class="text-sm leading-5 font-medium">{{ report['Specs'] }}</h3>
<span class="flex-shrink-0 inline-block px-2 py-0.5 text-teal-800 text-xs leading-4 font-medium bg-teal-100 rounded-full">{{ report['FPS'] }}</span>
<h3 class="text-sm leading-5 font-bold">{{ report['Specs'] }}</h3>
<span class="flex-shrink-0 inline-block px-2 py-0.5 text-teal-800 text-xs leading-4 font-bold bg-teal-100 rounded-full">{{ report['FPS'] }}</span>
</div>
<p class="mt-1 text-sm leading-5">{{ report['Notes'] }}</p>
<p
@ -64,7 +64,7 @@
<div class="w-0 flex-1 flex border-r border-gray-200">
<a
:href="report['Source']"
class="relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm leading-5 font-medium border border-transparent rounded-bl-lg hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 transition ease-in-out duration-150"
class="relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm leading-5 font-bold border border-transparent rounded-bl-lg hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 transition ease-in-out duration-150"
>
<!-- Heroicon name: mail -->
<svg

View file

@ -4,7 +4,7 @@
<h1 class="title text-4xl md:text-6xl font-hairline leading-tight text-center">
Does it ARM?
</h1>
<h2 class="subtitle md:text-xl font-light text-center">
<h2 class="subtitle md:text-xl text-center">
Games that are reported to support Apple Silicon
</h2>

View file

@ -4,7 +4,7 @@
<h1 class="title text-4xl md:text-6xl font-hairline leading-tight text-center">
Does it ARM?
</h1>
<h2 class="subtitle md:text-xl font-light text-center">
<h2 class="subtitle md:text-xl text-center">
Apps that are reported to support Apple Silicon
</h2>

View file

@ -7,7 +7,7 @@
<h2
v-if="supportedAppList.length !== 0"
class="subtitle md:text-xl font-light text-center"
class="subtitle md:text-xl text-center"
>
Supported apps include {{ supportedAppList.join(', ') }}.
</h2>

View file

@ -9,7 +9,7 @@
<div
class="md:flex w-full justify-between space-y-4 md:space-y-0 md:px-10"
>
<h1 class="title text-lg md:text-2xl font-semibold">
<h1 class="title text-lg md:text-2xl font-bold">
{{ video.name }}
</h1>