Skip to content

Commit

Permalink
Manual render
Browse files Browse the repository at this point in the history
  • Loading branch information
@stormeyseas
stormeyseas committed Jul 11, 2024
1 parent 3a09280 commit 18cf128
Show file tree
Hide file tree
Showing 12 changed files with 1,227 additions and 491 deletions.
38 changes: 20 additions & 18 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@
<link rel="stylesheet" href="./resources/styling/styles.css">
</head>

<body class="nav-fixed fullcontent">
<body class="nav-fixed">

<div id="quarto-search-results"></div>
<header id="quarto-header" class="headroom fixed-top">
Expand Down Expand Up @@ -127,10 +127,12 @@
</nav>
</header>
<!-- content -->
<div id="quarto-content" class="quarto-container page-layout-custom page-navbar">
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-full page-navbar">
<!-- sidebar -->
<!-- margin-sidebar -->

<!-- main -->
<main class="content page-columns page-full column-body" id="quarto-document-content">



Expand Down Expand Up @@ -163,14 +165,14 @@ <h2 class="newsubtitle" data-anchor-id="the-sustainable-fishing-game">The sustai
</div>
<!-- END SPECIAL BIGFISH BANNER SECTION -->
<!-- sets default body text of whole page slightly larger -->
<div class="homepage-p">
<div class="homepage-p page-columns page-full">
<!-- feature text grid -->
<div class="grid column-screen-padded feature-text spacer-3em" style="--bs-columns: 1;">
<div class="grid column-screen feature-text spacer-3em" style="--bs-columns: 1;">
<p>The BigFish card game is for everyone interested in fun card games, fishing or marine life.</p>
<p>To win the game you must find the best fishing strategy to collect points from catching fish, while keeping your fishing spot healthy and protected from natural disasters and other players.</p>
</div>
<!-- feature images grid -->
<div class="grid column-screen-nogap justify-contents-evenly align-items-center spacer-2em">
<div class="grid column-screen justify-contents-evenly align-items-center spacer-2em">
<div class="g-col-6 g-col-md-4 m-1 text-center img-container">
<p><img src="resources/images/PlayingGame1a-cropped.jpg" class="img-fluid"></p>
</div>
Expand All @@ -182,7 +184,7 @@ <h2 class="newsubtitle" data-anchor-id="the-sustainable-fishing-game">The sustai
</div>
</div>
<!-- begin crowdfunding grid -->
<div class="grid column-screen-nogap justify-contents-evenly align-items-center my-4 my-xl-1">
<div class="grid column-screen justify-contents-evenly align-items-center my-4 my-xl-1">
<!-- first image column -->
<div class="g-col-12 g-col-sm-12 g-col-md-12 g-col-xl-3 text-center img-container">
<div class="grid m-1 img-container">
Expand Down Expand Up @@ -219,7 +221,7 @@ <h2 style="color: var(--bs-accent);" data-anchor-id="crowdfunding">Crowdfunding!
<!-- end crowdfunding grid -->
</div>
<!-- begin timer grid -->
<div class="grid timerBox text-center justify-contents-evenly align-items-center my-2 mx-5" style="--bs-columns: 11;">
<div class="grid column-screen timerBox text-center justify-contents-evenly align-items-center my-2 mx-5" style="--bs-columns: 11;">
<div class="g-col-4 g-start-2 g-start-md-1 g-col-md-2 mx-0 px-0">
<h2 class="timertext" id="days">
DD
Expand Down Expand Up @@ -270,14 +272,14 @@ <h3 class="text-center timerlabel unlisted" data-anchor-id="secs">SECS</h3>
<!-- end timer grid -->
</div>
<!-- subscribe to news section -->
<div class="grid column-screen-padded spacer-1em text-center" style="--bs-columns: 1;">
<div class="grid column-screen spacer-1em text-center" style="--bs-columns: 1;">
<p>Would you like to be reminded about the crowdfunding launch? You can get the game, expansion pack, prints of amazing fish drawings signed by the artist, t-shirt and other prizes. Subscribe to our newsletter. You will get a max of one email per month and two reminders about the crowdfunding start.</p>
<p><a href="https://forms.office.com/r/wVcaiUSxNF" class="btn btn-secondary">Subscribe</a></p>
</div>
<section id="playing-the-game" class="level2">
<section id="playing-the-game" class="level2 page-columns page-full">
<h2 data-anchor-id="playing-the-game">Playing the game</h2>
<!-- start flush grid -->
<div class="grid column-screen-nogap justify-contents-evenly align-items-center my-3">
<div class="grid column-screen justify-contents-evenly align-items-center my-3">
<!-- text column -->
<div class="order-1 g-col-12 g-col-sm-12 g-col-md-12 g-col-lg-8 g-col-xl-8 g-col-xxl-8 mx-2 mx-lg-3 mx-xl-4 mx-xxl-5">
<!-- text section grid -->
Expand Down Expand Up @@ -321,15 +323,15 @@ <h2 data-anchor-id="playing-the-game">Playing the game</h2>
<!-- end flush grid -->
</div>
</section>
<section id="main-messages" class="level2">
<section id="main-messages" class="level2 page-columns page-full">
<h2 data-anchor-id="main-messages">Main messages</h2>
<!-- messages text grid -->
<div class="grid column-screen-padded text-center spacer-3em" style="--bs-columns: 1;">
<div class="grid column-screen text-center spacer-3em" style="--bs-columns: 1;">
<!-- To win the game you need a good strategy and luck. There is always an element of chance, but a good fisher and player knows how to get their luck. In this game you need to think about the long term strategy! The game has three main messages: -->
<p>We developed the game because we love fun card games and we love the ocean. We also love big fish.</p>
</div>
<!-- start flush grid -->
<div class="grid column-screen-nogap justify-contents-evenly align-items-center my-3">
<div class="grid column-screen justify-contents-evenly align-items-center my-3">
<!-- text column -->
<div class="order-2 g-col-12 g-col-sm-12 g-col-md-12 g-col-lg-8 g-col-xl-8 g-col-xxl-8 mx-2 mx-lg-3 mx-xl-4 mx-xxl-5">
<section id="big-fish-are-important" class="level3">
Expand Down Expand Up @@ -357,8 +359,8 @@ <h3 data-anchor-id="big-fish-can-return">3. Big fish can return</h3>
</div>
<!-- begin Who We Are grid -->
</section>
<div class="grid justify-contents-evenly align-items-center spacer-5rem column-screen-padded">
<section id="sec-about" class="level2 g-col-12 g-col-md-8 g-col-lg-8" style="margin-top: 0.5em;">
<div class="grid justify-contents-evenly align-items-center spacer-5rem column-screen">
<section id="sec-about" class="level2 g-col-12 g-col-md-8 g-col-lg-8 mx-1 mx-sm-2 mx-md-3 mx-xl-4" style="margin-top: 0.5em;">
<h2 style="margin-top: 0.5em;" data-anchor-id="sec-about">Who we are</h2>
<p>This game has been developed by the Institute of Marine and Antarctic Sciences, University of Tasmania team, led by Matt Testoni, Asta Audzijonyte and Amy Coghlan. All artwork is original and produced by Amy Coghlan (drawings), Matt Testoni (photos, design) and Stacey McCormack (design).</p>
<p>Game testing, advice, interesting facts and many other details have been provided by many researchers, naturalists, students, friends, anglers, divers and game enthusiasts. Thank you.</p>
Expand All @@ -384,9 +386,9 @@ <h2 style="margin-top: 0.5em;" data-anchor-id="sec-about">Who we are</h2>
</div>
<!-- end who we are grid -->
</div>
<section id="supporters" class="level2">
<section id="supporters" class="level2 page-columns page-full">
<h2 data-anchor-id="supporters">Supporters</h2>
<div class="grid column-screen-padded justify-contents-evenly align-items-center py-4">
<div class="grid column-screen justify-contents-evenly align-items-center py-4 mx-1 mx-sm-2 mx-md-3 mx-xl-4">
<div class="g-col-12 g-col-sm-6 text-center img-container px-1" style="font-size: 1.5em;">
<p><em>Pew Fellowship in Marine Conservation</em></p>
</div>
Expand Down Expand Up @@ -437,7 +439,7 @@ <h2 data-anchor-id="supporters">Supporters</h2>




</main> <!-- /main -->
<script id="quarto-html-after-body" type="application/javascript">
window.document.addEventListener("DOMContentLoaded", function (event) {
const toggleBodyColorMode = (bsSheetEl) => {
Expand Down
39 changes: 8 additions & 31 deletions docs/pages/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@
<link rel="stylesheet" href="../resources/styling/styles.css">
</head>

<body class="nav-fixed fullcontent">
<body class="nav-fixed">

<div id="quarto-search-results"></div>
<header id="quarto-header" class="headroom fixed-top">
Expand Down Expand Up @@ -127,20 +127,22 @@
</nav>
</header>
<!-- content -->
<div id="quarto-content" class="quarto-container page-layout-custom page-navbar">
<div id="quarto-content" class="quarto-container page-columns page-rows-contents page-layout-full page-navbar">
<!-- sidebar -->
<!-- margin-sidebar -->

<!-- main -->
<main class="content page-columns page-full column-body" id="quarto-document-content">




<div class="column-screen-nogap hero-img hero-strip-page img-container">
<div class="column-screen hero-img hero-strip-page img-container">
<p>&nbsp;&nbsp;&nbsp;</p>
</div>
<section id="about" class="level1">
<section id="about" class="level1 page-columns page-full">
<h1>About</h1>
<div class="column-page">
<div class="column-screen mx-1 mx-sm-2 mx-md-3 mx-xl-4">
<p>This game has been developed by the Institute of Marine and Antarctic Sciences (IMAS), University of Tasmania team, led by Matt Testoni, Asta Audzijonyte and Amy Coghlan. All artwork is original and produced by Amy Coghlan (drawings) and Matt Testoni (photos, design).</p>
<p>Game testing, advice, interesting facts and many other details have been provided by many researchers, naturalists, students, friends, anglers, divers and game enthusiasts. Thank you.</p>
<div class="grid justify-contents-evenly align-items-center text-center spacer-2em">
Expand All @@ -161,41 +163,16 @@ <h1>About</h1>
<h2 data-anchor-id="contact-us">Contact us</h2>
<p>If you would like to learn more about our work, adapt the game to your ecosystem, apply the game to your teaching or support our work please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
<p>If you want to support this work, you can buy your very own copy of the BigFish card game! An online ordering system is coming soon, but for now you can send us an email to get the game.</p>
<!-- ::: text-center -->
<!-- [How to Buy](/pages/how-to-buy.qmd){.h3 .btn .btn-secondary} -->
<!-- ::: -->
<div class="text-center">
<p><a href="mailto:[email protected]" class="h3 btn btn-secondary">Contact us</a></p>
</div>
<!-- ## Supporters -->
<!-- This work is supported by a 2020 Pew Fellowship in Marine Conservation awarded to [Asta Audzijonyte](https://discover.utas.edu.au/Asta.Audzijonyte). -->
<!-- :::: {.grid .justify-contents-evenly .align-items-center .text-center .spacer-2em} -->
<!-- ::: g-col-2 -->
<!-- ![](https://placehold.co/200x200) -->
<!-- ::: -->
<!-- ::: g-col-2 -->
<!-- ![](https://placehold.co/200x200) -->
<!-- ::: -->
<!-- ::: g-col-2 -->
<!-- ![](https://placehold.co/200x200) -->
<!-- ::: -->
<!-- ::: g-col-2 -->
<!-- ![](https://placehold.co/200x200) -->
<!-- ::: -->
<!-- ::: g-col-2 -->
<!-- ![](https://placehold.co/200x200) -->
<!-- ::: -->
<!-- ::: g-col-2 -->
<!-- ![](https://placehold.co/200x200) -->
<!-- ::: -->
<!-- :::: -->
</section>
</div>


</section>


</main> <!-- /main -->
<script id="quarto-html-after-body" type="application/javascript">
window.document.addEventListener("DOMContentLoaded", function (event) {
const toggleBodyColorMode = (bsSheetEl) => {
Expand Down
Loading

0 comments on commit 18cf128

Please sign in to comment.