Skip to content

Commit

Permalink
MAILGTMACTION
Browse files Browse the repository at this point in the history
  • Loading branch information
al committed Jun 28, 2024
1 parent 460b207 commit c70feae
Show file tree
Hide file tree
Showing 25 changed files with 772 additions and 44 deletions.
2 changes: 2 additions & 0 deletions .env.development
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
VITE_GTM_ID=GTM-YYYYYY
VITE_GTM_ENABLED=true
4 changes: 4 additions & 0 deletions .env.production
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
# Settings in this file may be overridden by Github secrets.

VITE_GTM_ID=GTM-YYYYYY
VITE_GTM_ENABLED=true
14 changes: 0 additions & 14 deletions .eslintrc.cjs

This file was deleted.

25 changes: 25 additions & 0 deletions .eslintrc.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
/* eslint-env node */

import { modernModuleResolution } from '@rushstack/eslint-patch/modern-module-resolution'

modernModuleResolution()

module.exports = {
env: {
browser: true,
es2021: true,
node: true,
},

extends: [
'eslint:recommended',
'plugin:vue/vue3-recommended',
'@vue/eslint-config-prettier/skip-formatting',
],
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
},
root: true,
rules: {},
}
30 changes: 30 additions & 0 deletions .github/workflows/deploy.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
name: Deploy to GitHub Pages

on:
push:
branches:
- main

jobs:
build-and-deploy:
runs-on: ubuntu-latest

steps:
- name: Checkout the repository
uses: actions/checkout@v2

- name: Setup pnpm
uses: pnpm/[email protected]
with:
run_install: true

- name: Build the project
run: pnpm build

- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
env:
VITE_GTM_ID: ${{ secrets.GTM_ID }}
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: ./dist
13 changes: 7 additions & 6 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
# File created using '.gitignore Generator' for Visual Studio Code: https://bit.ly/vscode-gig
# Created by https://www.toptal.com/developers/gitignore/api/visualstudiocode,visualstudio,vim,textmate,osx,node,macos,git,vs,vue,vuejs
# Edit at https://www.toptal.com/developers/gitignore?templates=visualstudiocode,visualstudio,vim,textmate,osx,node,macos,git,vs,vue,vuejs
# Created by https://www.toptal.com/developers/gitignore/api/vuejs,vue,vs,visualstudiocode,visualstudio,vim,textmate,osx,node,macos,git,dotenv
# Edit at https://www.toptal.com/developers/gitignore?templates=vuejs,vue,vs,visualstudiocode,visualstudio,vim,textmate,osx,node,macos,git,dotenv

### dotenv ###
.env

### Git ###
# Created by git for backups. To disable backups in Git:
Expand All @@ -24,8 +27,7 @@
.LSOverride

# Icon must end with two \r
Icon

Icon

# Thumbnails
._*
Expand Down Expand Up @@ -126,7 +128,6 @@ web_modules/
.yarn-integrity

# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
Expand Down Expand Up @@ -816,7 +817,7 @@ FodyWeavers.xsd
### VisualStudio Patch ###
# Additional files built by Visual Studio

# End of https://www.toptal.com/developers/gitignore/api/visualstudiocode,visualstudio,vim,textmate,osx,node,macos,git,vs,vue,vuejs
# End of https://www.toptal.com/developers/gitignore/api/vuejs,vue,vs,visualstudiocode,visualstudio,vim,textmate,osx,node,macos,git,dotenv

# Custom rules (everything added below won't be overriden by 'Generate .gitignore File' if you use 'Update' option)

Expand Down
7 changes: 6 additions & 1 deletion .vscode/settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,18 +8,23 @@
"*.css": "tailwindcss"
},
"cSpell.words": [
"anticsrf",
"colour",
"fontawesome",
"Fonticons",
"Grantez",
"greenlane",
"headlessui",
"heroicons",
"inputmask",
"JSPCA",
"lionels",
"offence",
"Organisations",
"Ouen",
"svgrepo"
"rushstack",
"svgrepo",
"Unhead",
"webform"
]
}
2 changes: 2 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
{
"dependencies": {
"@gtm-support/vue-gtm": "^3.0.1",
"@headlessui/vue": "^1.7.22",
"@heroicons/vue": "^2.1.3",
"@unhead/vue": "^1.9.14",
"@vueuse/core": "^10.11.0",
"dotenv": "^16.4.5",
"jspdf": "^2.5.1",
"pdfobject": "^2.3.0",
"pdfobject-vue": "^0.0.4",
Expand Down
40 changes: 40 additions & 0 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Binary file added src/assets/images/lionel-1b.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/images/lionel-1b.xcf
Binary file not shown.
19 changes: 19 additions & 0 deletions src/components/GoogleTagManager.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!-- Google Tag Manager -->
<script>
;(function (w, d, s, l, i) {
w[l] = w[l] || []
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' })
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : ''
j.async = true
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl
f.parentNode.insertBefore(j, f)
})(window, document, 'script', 'dataLayer', 'GTM-KL87B7JS')
</script>
<!-- End Google Tag Manager -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KL87B7JS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
27 changes: 27 additions & 0 deletions src/components/HomePage0628/GetInvolved.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<template>
<div class="my-6 mb-10 max-w-xl sm:text-center mx-auto md:mb-12 lg:max-w-2xl">
<h2
class="mb-6 max-w-full scroll-mt-[80px] font-sans text-3xl font-bold leading-none tracking-tight text-gray-800 sm:text-4xl md:mx-auto"
id="what-to-do"
>
Help Spread the Word
</h2>

<p class="mb-6 text-base text-gray-700 md:text-lg">
We appealed for information on Lionel&rsquo;s last moments. We created posters to place at the
site and leaflets to hand out to passersby.
</p>
<p class="my-6 text-base text-gray-700 md:text-lg">
The aim was also to help spread the word that failure to report collisions with cats is now a
motor traffic offence.
</p>
<p class="my-6 text-base text-gray-700 md:text-lg">
Please feel free to use the templates attached should you need to, whilst also helping to get
the message out there.
</p>
</div>
</template>

<script setup></script>

<style scoped></style>
84 changes: 84 additions & 0 deletions src/components/HomePage0628/GreenLanes.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,84 @@
<template>
<div
class="relative px-4 md:px-24 lg:px-8 mt-6"
id="xxx"
>
<div class="mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl lg:px-8">
<div class="flex flex-col lg:flex-row-reverse overflow-x-hidden sm:overflow-x-visible">
<div class="mb-10 flex-1 w-full">
<img
class="h-full w-full bg-left object-cover lg:hidden"
alt="Green Land and 15 mph road signs"
src="@/assets/images/greenlane.jpg"
/>
</div>
<div class="z-10 mb-10 max-w-xl flex-1 xpx-10 md:mx-auto md:mb-12 lg:w-1/2 lg:max-w-2xl">
<h2
class="my-6 max-w-full scroll-mt-[80px] md:text-center font-sans text-3xl font-bold leading-none tracking-tight text-gray-800 sm:text-4xl md:mx-auto"
id="about-lionel"
>
Jersey has a network of over 45 miles of Green Lanes
</h2>
<p class="mb-6 text-base text-gray-700 md:text-lg">
Green Lanes are intended principally for enjoyment by pedestrians, cyclists and horse
riders. Motor vehicles should try to keep off these lanes and should only use them if
absolutely necessary for access or for sightseeing.
</p>
<p class="mb-6 text-base text-gray-700 md:text-lg">
The speed limit on Green Lanes is 15 mph.
</p>
<p class="mb-6 text-base text-gray-700 md:text-lg">
The speed limit is a limit, not a target.
</p>

<p class="mb-6 text-base text-gray-700 md:text-lg">
Learn more about Green Lanes from
<a
class="font-semibold text-orange-accent-400 transition-colors duration-200 hover:text-orange-900"
aria-label=""
href="https://statesassembly.gov.je/assemblypropositions/2020/p.79-2020.pdf"
>the States Assembly</a
>
and at
<a
class="font-semibold text-orange-accent-400 transition-colors duration-200 hover:text-orange-900"
aria-label=""
href="http://www.jersey.co.uk/jsyinfo/grenlane.html"
>jersey.co.uk</a
>.
</p>

<p class="mb-6 text-base text-gray-700 md:text-lg">
Lionel was killed on a stretch of Green Lane where three field entrances and the entry
point to another Green Lane converge. The injuries on his body indicate he was hit hard
and at speed. This area of the Green Lane should perhaps be the safest given the
entrances and secondary Green Lane of which motorists must take heed. The collision may
not have been avoidable, but the level of injury may have been different.
</p>

<p class="mb-6 text-base text-gray-700 md:text-lg">
We hope that by making people aware of the requirements of the road traffic law and the
usage of Green Lanes, further cat lives will be saved on our roads.
</p>
</div>
</div>
</div>
</div>
</template>

<style scoped>
@media screen(lg) {
#xxx {
background: linear-gradient(
to left,
rgba(250, 250, 250, 0) 5%,
rgba(250, 250, 250, 1) 50%,
rgba(255, 255, 255, 1) 100%
),
linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 50%),
url(@/assets/images/greenlane.jpg);
background-position: right;
background-size: cover;
}
}
</style>
Loading

0 comments on commit c70feae

Please sign in to comment.