Skip to content

Commit a6cbedd

Browse files
AchoArnoldAchoArnold
committed
Fix all issues on the index page
1 parent cc1ea20 commit a6cbedd

9 files changed

Lines changed: 3463 additions & 5865 deletions

‎web/app/layouts/website.vue‎

Lines changed: 45 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -26,26 +26,29 @@ function goToPricing() {
2626
if (route.name === "index") {
2727
document.getElementById("pricing")?.scrollIntoView({ behavior: "smooth" });
2828
} else {
29-
router.push("/#pricing");
29+
router.push("/").then(() => {
30+
setTimeout(() => {
31+
document.getElementById("pricing")?.scrollIntoView({ behavior: "smooth" });
32+
}, 300);
33+
});
3034
}
3135
}
3236
</script>
3337

3438
<template>
3539
<v-app>
36-
<v-app-bar elevation="2" color="#121212" height="70">
40+
<v-app-bar color="#121212" elevation="0">
3741
<v-container>
3842
<v-row>
3943
<v-col class="w-full d-flex">
4044
<NuxtLink
4145
to="/"
4246
class="text-decoration-none d-flex"
43-
:class="{ 'mt-5': mdAndUp }"
4447
>
45-
<v-avatar :image="'/img/logo.svg'" :size="33" class="mt-1" />
48+
<v-avatar color="#121212" class="mt-8 pa-1" rounded="0" :image="'/img/logo.svg'" :size="38" />
4649
<h3
4750
v-if="lgAndUp"
48-
class="text-headline-large ml-1 text-on-surface"
51+
class="text-headline-large mb-0 ml-1 text-white"
4952
>
5053
httpSMS
5154
</h3>
@@ -84,6 +87,7 @@ function goToPricing() {
8487
<v-btn
8588
v-show="authStore.authUser === null"
8689
color="primary"
90+
variant="flat"
8791
:class="{ 'mt-5': mdAndUp, 'mt-1': !mdAndUp }"
8892
:size="lgAndUp ? 'large' : 'default'"
8993
:to="{ name: 'login' }"
@@ -108,13 +112,13 @@ function goToPricing() {
108112
<Toast />
109113
<slot />
110114
</v-main>
111-
<v-footer class="pt-4">
115+
<v-footer>
112116
<v-container>
113117
<v-row>
114118
<v-col cols="12" md="3">
115-
<NuxtLink to="/" class="text-decoration-none d-flex">
116-
<v-avatar :image="'/img/logo.svg'" :size="33" class="mt-1" />
117-
<h3 class="text-headline-large ml-1 text-on-surface">httpSMS</h3>
119+
<NuxtLink to="/" class="text-decoration-none d-flex mt-n6">
120+
<v-avatar color="#212121" class="mt-8 pa-1" rounded="0" :image="'/img/logo.svg'" :size="38" />
121+
<h3 class="text-headline-large ml-1 mb-0 text-white">httpSMS</h3>
118122
</NuxtLink>
119123
<div class="text-title-medium mb-4 text-medium-emphasis">
120124
Made With
@@ -128,21 +132,21 @@ function goToPricing() {
128132
<p class="mt-n3">
129133
<v-btn
130134
href="https://twitter.com/httpsmsHQ"
131-
icon
132135
color="#1DA1F2"
136+
class="ml-n3"
137+
variant="text"
133138
:icon="mdiTwitter"
134139
/>
135140
<v-btn
136141
:href="appStore.appData.githubUrl"
137-
icon
138-
size="large"
139142
color="#ffffff"
143+
variant="text"
140144
:icon="mdiGithub"
141145
/>
142146
<v-btn
143147
href="https://discord.gg/kGk8HVqeEZ"
144148
icon
145-
size="large"
149+
variant="text"
146150
color="#5865f2"
147151
>
148152
<v-img
@@ -153,13 +157,24 @@ function goToPricing() {
153157
/>
154158
</v-btn>
155159
</p>
160+
<a
161+
href="https://www.saashub.com/httpsms?utm_source=badge&utm_campaign=badge&utm_content=httpsms&badge_variant=color&badge_kind=approved"
162+
target="_blank"
163+
>
164+
<img
165+
src="https://cdn-b.saashub.com/img/badges/approved-color.png?v=1"
166+
alt="httpSMS badge"
167+
style="max-width: 150px"
168+
/>
169+
</a>
156170
</v-col>
157171
<v-col cols="12" md="3">
158172
<h2 class="text-headline-small mb-2">Resources</h2>
159173
<ul style="list-style: none" class="pa-0">
160174
<li class="mb-2">
161175
<a
162-
class="text-on-surface text-decoration-none"
176+
class="text-white text-decoration-none footer-link"
177+
style="cursor: pointer"
163178
@click.stop="goToPricing"
164179
>
165180
Pricing
@@ -169,7 +184,7 @@ function goToPricing() {
169184
<li class="mb-2">
170185
<a
171186
href="https://httpsms.lemonsqueezy.com/affiliates"
172-
class="text-on-surface text-decoration-none"
187+
class="text-white text-decoration-none footer-link"
173188
>
174189
Affiliates
175190
<v-icon color="warning" size="small" :icon="mdiShieldStar" />
@@ -178,15 +193,15 @@ function goToPricing() {
178193
<li class="mb-2">
179194
<a
180195
href="https://status.httpsms.com"
181-
class="text-on-surface text-decoration-none"
196+
class="text-white text-decoration-none footer-link"
182197
>
183198
Site status
184199
<v-icon color="success" size="x-small" :icon="mdiCircle" />
185200
</a>
186201
</li>
187202
<li class="mb-2">
188203
<NuxtLink
189-
class="text-on-surface text-decoration-none"
204+
class="text-white text-decoration-none footer-link"
190205
to="/blog"
191206
>
192207
Blog <v-icon size="small" :icon="mdiPost" />
@@ -200,7 +215,7 @@ function goToPricing() {
200215
<li class="mb-2">
201216
<a
202217
:href="appStore.appData.documentationUrl"
203-
class="text-on-surface text-decoration-none"
218+
class="text-white text-decoration-none footer-link"
204219
>
205220
Documentation
206221
<v-icon size="small" :icon="mdiBookOpenVariant" />
@@ -209,15 +224,15 @@ function goToPricing() {
209224
<li class="mb-2">
210225
<a
211226
:href="appStore.appData.githubUrl"
212-
class="text-on-surface text-decoration-none"
227+
class="text-white text-decoration-none footer-link"
213228
>
214229
Github <v-icon size="small" :icon="mdiGithub" />
215230
</a>
216231
</li>
217232
<li class="mb-2">
218233
<a
219234
href="https://sandbox.httpsms.com"
220-
class="text-on-surface text-decoration-none"
235+
class="text-white text-decoration-none footer-link"
221236
>
222237
Sandbox
223238
<v-icon size="small" color="pink" :icon="mdiCreation" />
@@ -226,7 +241,7 @@ function goToPricing() {
226241
<li class="mb-2">
227242
<a
228243
href="https://httpsms.featurebase.app"
229-
class="text-on-surface text-decoration-none"
244+
class="text-white text-decoration-none footer-link"
230245
>
231246
Request Feature
232247
<v-icon
@@ -243,7 +258,7 @@ function goToPricing() {
243258
<ul style="list-style: none" class="pa-0">
244259
<li class="mb-2">
245260
<NuxtLink
246-
class="text-on-surface text-decoration-none"
261+
class="text-white text-decoration-none footer-link"
247262
to="/terms-and-conditions"
248263
>
249264
Terms & Conditions
@@ -252,7 +267,7 @@ function goToPricing() {
252267
</li>
253268
<li class="mb-2">
254269
<NuxtLink
255-
class="text-on-surface text-decoration-none"
270+
class="text-white text-decoration-none footer-link"
256271
to="/privacy-policy"
257272
>
258273
Privacy Policy
@@ -261,7 +276,7 @@ function goToPricing() {
261276
</li>
262277
<li class="mt-2">
263278
<a
264-
class="text-on-surface text-decoration-none"
279+
class="text-white text-decoration-none footer-link"
265280
href="mailto:support@httpsms.com"
266281
>
267282
Contact Support
@@ -275,3 +290,9 @@ function goToPricing() {
275290
</v-footer>
276291
</v-app>
277292
</template>
293+
294+
<style scoped>
295+
.footer-link:hover {
296+
text-decoration: underline !important;
297+
}
298+
</style>

‎web/app/pages/blog/end-to-end-encryption-to-sms-messages.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ useHead({
3131
</script>
3232

3333
<template>
34-
<VContainer class="pt-8">
34+
<VContainer v-highlight class="pt-8">
3535
<VRow class="mt-16">
3636
<VCol cols="12" md="9">
3737
<h1

‎web/app/pages/blog/send-sms-from-android-phone-with-python.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ useHead({
3636
</script>
3737

3838
<template>
39-
<VContainer class="pt-8">
39+
<VContainer v-highlight class="pt-8">
4040
<VRow class="mt-16">
4141
<VCol cols="12" md="9">
4242
<VImg

‎web/app/pages/blog/send-sms-when-new-row-is-added-to-google-sheets-using-zapier.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ useHead({
3333
</script>
3434

3535
<template>
36-
<VContainer class="pt-8">
36+
<VContainer v-highlight class="pt-8">
3737
<VRow class="mt-16">
3838
<VCol cols="12" md="9">
3939
<h1

0 commit comments

Comments
 (0)