Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Merge branch 'feat/fontsource'

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
components/all-updates-subscribe.vue
View file

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

2
components/email-subscribe.vue
View file

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

2
components/link-button.vue
View file

@ -38,7 +38,7 @@ export default {
classlist () { classlist () {
const defaultClassGroups = { const defaultClassGroups = {
general: 'relative inline-flex items-center rounded-md px-4 py-2', 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', text: 'text-white',
border: 'border border-transparent focus:outline-none focus:border-indigo-600', border: 'border border-transparent focus:outline-none focus:border-indigo-600',
shadow: 'neumorphic-shadow focus:shadow-outline-indigo', shadow: 'neumorphic-shadow focus:shadow-outline-indigo',

4
components/search.vue
View file

@ -140,7 +140,7 @@
]" ]"
:class-groups="{ :class-groups="{
// general: 'relative inline-flex items-center rounded-md px-4 py-2', // 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', // text: 'text-white',
// border: 'border border-transparent focus:outline-none focus:border-indigo-600', // border: 'border border-transparent focus:outline-none focus:border-indigo-600',
shadow: 'hover:neumorphic-shadow', shadow: 'hover:neumorphic-shadow',
@ -159,7 +159,7 @@
]" ]"
:class-groups="{ :class-groups="{
// general: 'relative inline-flex items-center rounded-md px-4 py-2', // 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', // text: 'text-white',
// border: 'border border-transparent focus:outline-none focus:border-indigo-600', // border: 'border border-transparent focus:outline-none focus:border-indigo-600',
shadow: 'hover:neumorphic-shadow', shadow: 'hover:neumorphic-shadow',

7
layouts/default.vue
View file

@ -34,7 +34,12 @@
</template> </template>
<script> <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 Navbar from '~/components/navbar.vue'
// import TwitterFollow from '~/components/twitter-follow.vue' // import TwitterFollow from '~/components/twitter-follow.vue'

10
package-lock.json generated
View file

@ -1095,6 +1095,11 @@
"integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==", "integrity": "sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==",
"dev": true "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": { "@fullhuman/postcss-purgecss": {
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz", "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz",
@ -12041,11 +12046,6 @@
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=", "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
"dev": true "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": { "ua-parser-js": {
"version": "0.7.23", "version": "0.7.23",
"resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.23.tgz", "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.23.tgz",

4
package.json
View file

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

2
pages/app/_slug/benchmarks.vue
View file

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

2
pages/app/_slug/index.vue
View file

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

2
pages/benchmarks.vue
View file

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

2
pages/formula/_slug.vue
View file

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

8
pages/game/_slug/index.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<section class="container py-32"> <section class="container py-32">
<div class="flex flex-col items-center text-center"> <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? Does {{ app.name }} work on Apple Silicon?
</h1> </h1>
<h2 class="subtitle text-2xl md:text-5xl font-bold py-6"> <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="w-full flex items-center justify-between p-6">
<div class="flex-1"> <div class="flex-1">
<div class="space-x-3"> <div class="space-x-3">
<h3 class="text-sm leading-5 font-medium">{{ report['Specs'] }}</h3> <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-medium bg-teal-100 rounded-full">{{ report['FPS'] }}</span> <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> </div>
<p class="mt-1 text-sm leading-5">{{ report['Notes'] }}</p> <p class="mt-1 text-sm leading-5">{{ report['Notes'] }}</p>
<p <p
@ -64,7 +64,7 @@
<div class="w-0 flex-1 flex border-r border-gray-200"> <div class="w-0 flex-1 flex border-r border-gray-200">
<a <a
:href="report['Source']" :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 --> <!-- Heroicon name: mail -->
<svg <svg

2
pages/games.vue
View file

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

2
pages/index.vue
View file

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

2
pages/kind/_slug.vue
View file

@ -7,7 +7,7 @@
<h2 <h2
v-if="supportedAppList.length !== 0" 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(', ') }}. Supported apps include {{ supportedAppList.join(', ') }}.
</h2> </h2>

2
pages/tv/_slug.vue
View file

@ -9,7 +9,7 @@
<div <div
class="md:flex w-full justify-between space-y-4 md:space-y-0 md:px-10" 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 }} {{ video.name }}
</h1> </h1>