Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-23 11:43:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

added hotjar code

Browse source
This commit is contained in:
Gamebrary 2022-08-18 10:59:22 -07:00
parent 0dd6e93024
commit 822a44be22
9 changed files with 191 additions and 223 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/index.html
View file

@ -14,6 +14,17 @@
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<script src="https://kit.fontawesome.com/4c930ed66a.js" crossorigin="anonymous" /> <script src="https://kit.fontawesome.com/4c930ed66a.js" crossorigin="anonymous" />
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- Hotjar Tracking Code for https://gamebrary.com/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:3114669,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</head> </head>
<body> <body>
<noscript> <noscript>

30
src/components/AddRemoveGame.vue
View file

@ -24,7 +24,7 @@
<div <div
v-for="board in formattedBoards" v-for="board in formattedBoards"
:key="board.id" :key="board.id"
class="p-2 bg-light mb-2" class="p-2 bg-white mb-2"
> >
<header class="mb-2 d-flex align-items-center"> <header class="mb-2 d-flex align-items-center">
<b-avatar <b-avatar
@ -46,7 +46,7 @@
<b-button <b-button
v-for="(list, listIndex) in board.lists" v-for="(list, listIndex) in board.lists"
:key="`${board.id}-${list.name}`" :key="`${board.id}-${list.name}`"
:variant="isGameInList({ list, gameId }) ? 'success' : 'info'" :variant="isGameInList({ list, gameId }) ? 'success' : 'light'"
block block
clas clas
size="sm" size="sm"
@ -60,32 +60,6 @@
<i :class="`fa-solid ${isGameInList({ list, gameId }) ? 'fa-minus' : 'fa-plus' }`" /> <i :class="`fa-solid ${isGameInList({ list, gameId }) ? 'fa-minus' : 'fa-plus' }`" />
</b-button> </b-button>
<!-- <b-collapse
:id="board.id"
:visible="expandedBoard === board.id"
accordion="my-accordion"
role="tabpanel"
>
<b-list-group flush>
<div
class="d-flex justify-content-between align-items-center"
v-for="(list, listIndex) in board.lists"
:key="`${board.id}-${list.name}`"
:variant="isGameInList({ list, gameId }) ? 'success' : 'transparent'"
button
@click.stop="handleClick({ list, listIndex, board })"
>
<span>
{{ list.name }}
<br />
<small class="text-muted">{{ list.games.length }} games in list</small>
</span>
<i :class="`fa-solid ${isGameInList({ list, gameId }) ? 'fa-minus' : 'fa-plus' }`" />
</div>
</b-list-group>
</b-collapse> -->
</div> </div>
</template> </template>

6
src/components/Game/GameDescription.vue
View file

@ -5,7 +5,7 @@
<template v-else> <template v-else>
<div class="small" v-html="description" /> <div class="small" v-html="description" />
<small class="text-muted">Source: {{ source }}</small> <small class="text-muted mt-n3">Source: {{ source }}</small>
</template> </template>
</div> </div>
</template> </template>
@ -58,9 +58,7 @@ export default {
wikipediaSlug() { wikipediaSlug() {
const wikipediaData = this.game?.websites?.find(({ url, category }) => url && category === WEBSITE_CATEGORIES.WIKIPEDIA); const wikipediaData = this.game?.websites?.find(({ url, category }) => url && category === WEBSITE_CATEGORIES.WIKIPEDIA);
const slug = wikipediaData?.url?.split('/wiki/')?.[1]; return wikipediaData?.url?.split('/wiki/')?.[1];
return slug;
}, },
}, },

1
src/components/Game/GameRatings.vue
View file

@ -1,4 +1,5 @@
<template lang="html"> <template lang="html">
<!-- TODO: fix grac_eighteen and check all options -->
<section class="my-3"> <section class="my-3">
<b-img <b-img
v-for="{ rating, id, logoFormat } in ageRatings" v-for="{ rating, id, logoFormat } in ageRatings"

2
src/components/WallpapersList.vue
View file

@ -10,10 +10,8 @@
<b-card <b-card
:img-src="wallpaper.url" :img-src="wallpaper.url"
img-alt="Image" img-alt="Image"
img-top
overlay overlay
footer-class="p-2" footer-class="p-2"
class="bg-light"
tag="article" tag="article"
v-for="wallpaper in sortedWallpapers" v-for="wallpaper in sortedWallpapers"
:key="wallpaper.name" :key="wallpaper.name"

7
src/pages/EditListPage.vue
View file

@ -26,7 +26,6 @@
</b-col> </b-col>
<b-col> <b-col>
<b-card>
<header class="p-1 mb-3 pl-2 d-flex justify-content-between align-items-center"> <header class="p-1 mb-3 pl-2 d-flex justify-content-between align-items-center">
<h1 class="mb-0">Edit list</h1> <h1 class="mb-0">Edit list</h1>
@ -163,7 +162,8 @@
<!-- TODO: Move within board --> <!-- TODO: Move within board -->
<!-- TODO: Move list to different board --> <!-- TODO: Move list to different board -->
<!-- TODO: edit lists order goes in board settings --> <!-- TODO: edit lists order goes in board settings -->
<b-list-group-item> <!-- TODO: restore move list -->
<!-- <b-list-group-item>
<small class="text-muted d-flex justify-content-center">Move list</small> <small class="text-muted d-flex justify-content-center">Move list</small>
<b-button-group size="sm" class="w-100"> <b-button-group size="sm" class="w-100">
<b-button <b-button
@ -184,7 +184,7 @@
<i class="fas fa-angle-right fa-fw" aria-hidden /> <i class="fas fa-angle-right fa-fw" aria-hidden />
</b-button> </b-button>
</b-button-group> </b-button-group>
</b-list-group-item> </b-list-group-item> -->
</b-list-group> </b-list-group>
<footer class="mt-2 d-flex justify-content-between align-items-center"> <footer class="mt-2 d-flex justify-content-between align-items-center">
@ -207,7 +207,6 @@
</b-button> </b-button>
</footer> </footer>
</form> </form>
</b-card>
</b-col> </b-col>
</b-row> </b-row>
</b-container> </b-container>

2
src/pages/GamePage.vue
View file

@ -6,7 +6,7 @@
<b-spinner v-if="loading" class="spinner-centered" /> <b-spinner v-if="loading" class="spinner-centered" />
<template v-else-if="game"> <template v-else-if="game">
<portal to="headerActions"> <portal to="headerActions" v-if="user">
<b-button <b-button
v-if="!tagsApplied.length" v-if="!tagsApplied.length"
rounded rounded

26
src/pages/PublicHomePage.vue
View file

@ -1,23 +1,9 @@
<template lang="html"> <template lang="html">
<div> <div>
<header> <h1 class="display-5 mb-3 text-center">Organize your video games beautifully.</h1>
<b-container> <p class="lead text-muted mb-5 field ml-auto mr-auto text-center">Learn about games, take notes, organize, customize, discover and more with Gamebrary</p>
<b-row>
<b-col cols="6">
<div class="mb-5 mb-lg-0 text-center text-lg-start align-items-center">
<h1 class="display-4 mb-3">Organize your video games beautifully.</h1>
<p class="lead text-muted mb-5">Learn about games, take notes, organize, customize, discover and more with Gamebrary</p>
</div>
</b-col>
<b-col cols="6"> <!-- <section class="p-5 bg-light">
<div class="px-5 px-sm-0"><img class="img-fluid rounded-circle" src="https://source.unsplash.com/u8Jn2rzYIps/900x900" alt="..." /></div>
</b-col>
</b-row>
</b-container>
</header>
<section class="p-5 bg-light">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-8 order-lg-1 mb-5 mb-lg-0"> <div class="col-lg-8 order-lg-1 mb-5 mb-lg-0">
<div class="container-fluid px-5"> <div class="container-fluid px-5">
@ -64,9 +50,9 @@
</div> </div>
</div> </div>
</section> </section> -->
<section class="bg-success text-center py-4"> <!-- <section class="bg-success text-center py-4">
<h2 class="text-white display-4 mb-4"> <h2 class="text-white display-4 mb-4">
Get started. Get started.
<br /> <br />
@ -74,7 +60,7 @@
</h2> </h2>
<a class="btn btn-outline-light py-3 px-4 rounded-pill" href="https://startbootstrap.com/theme/new-age" target="_blank">Download for free</a> <a class="btn btn-outline-light py-3 px-4 rounded-pill" href="https://startbootstrap.com/theme/new-age" target="_blank">Download for free</a>
</section> </section> -->
<public-page-footer /> <public-page-footer />
</div> </div>

1
src/styles/_typography.scss
View file

@ -45,6 +45,7 @@ $h6-font-size: $font-size-base * .5 !default;
// //
// $small-font-size: 80% !default; // $small-font-size: 80% !default;
// //
$paragraph-margin-bottom: .75rem !default;
$text-muted: $muted !default; $text-muted: $muted !default;
// //
// $blockquote-small-color: $gray-600 !default; // $blockquote-small-color: $gray-600 !default;