mirror of
https://github.com/ThatGuySam/doesitarm.git
synced 2026-05-18 06:44:46 -07:00
Merge branch 'feat/fontsource'
This commit is contained in:
commit
0a648eddae
16 changed files with 30 additions and 25 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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
10
package-lock.json
generated
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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> -->
|
||||
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue