pizzapanther / wildwoodag-v2

Wildwood Assembly Website and App

Wildwood Assembly Version 2

Hugo CMS static site that is compiled for web, android, and iOS.

Hugo Theme: Stack

Web Deployment

• Commit and Push to github

Build Native

./build.sh android

./build.sh ios

Files to Version Update

• package.json
• android/app/build.gradle under defaultConfig.versionName
• ios/App/App.xcodeproj/project.pbxproj under CURRENT_PROJECT_VERSION

App Zip Update

git tag v1.X.X
git push --tags

Manually:

./build-zip.sh 1.X.X

Embed Code

<div id="stream-frame" style="width: 100%; height: 100%; color: white; background-color: black; display: flex; justify-content: center; align-items: center;">
  <h2>Waiting for Stream to Start</h2>
</div>
<script>
function fetch_status() {
  fetch('https://faas-sfo3-7872a1dd.doserverless.co/api/v1/web/fn-67f34cf4-c3ed-479c-839e-2f7206029fcb/wildweb/rumblelive?ts=' + Date.now())
    .then(response => response.json())
    .then((data) => {
      if (data.status == 'live') {
        document.querySelector("#stream-frame").innerHTML = data.embed;
      } else{
        setTimeout(fetch_status, 10000);
      }
    })
    .catch(e => alert('Error fetching stream status; refresh page.'));
}
fetch_status();
</script>

Digital Ocean Functions

doctl auth init --context wildwood
doctl auth switch --context wildwood

Deploy: pdm run doctl serverless deploy wwfunc --remote-build

use pdm run to get the .env loaded

Palette

https://paletton.com/#uid=35B0I0ki6se88KxdiyBmdn+qlju

/* LESS - http://lesscss.org style sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=35B0I0ki6se88KxdiyBmdn+qlju */

/* Feel free to copy&paste color codes to your application */


/* MIXINS */

/* As hex codes */

@color-primary-0: #DD6066;  /* Main Primary color */
@color-primary-1: #FDBCC0;
@color-primary-2: #FB9398;
@color-primary-3: #BC3940;
@color-primary-4: #981B21;

@color-secondary-1-0: #437290;  /* Main Secondary color (1) */
@color-secondary-1-1: #9EBCD0;
@color-secondary-1-2: #6890AB;
@color-secondary-1-3: #2A5B7A;
@color-secondary-1-4: #164563;

@color-secondary-2-0: #C8DA5F;  /* Main Secondary color (2) */
@color-secondary-2-1: #F1FBBB;
@color-secondary-2-2: #E8F891;
@color-secondary-2-3: #A6B939;
@color-secondary-2-4: #84971B;



/* As RGBa codes */

@rgba-primary-0: rgba(221, 96,102,1); /* Main Primary color */
@rgba-primary-1: rgba(253,188,192,1);
@rgba-primary-2: rgba(251,147,152,1);
@rgba-primary-3: rgba(188, 57, 64,1);
@rgba-primary-4: rgba(152, 27, 33,1);

@rgba-secondary-1-0: rgba( 67,114,144,1); /* Main Secondary color (1) */
@rgba-secondary-1-1: rgba(158,188,208,1);
@rgba-secondary-1-2: rgba(104,144,171,1);
@rgba-secondary-1-3: rgba( 42, 91,122,1);
@rgba-secondary-1-4: rgba( 22, 69, 99,1);

@rgba-secondary-2-0: rgba(200,218, 95,1); /* Main Secondary color (2) */
@rgba-secondary-2-1: rgba(241,251,187,1);
@rgba-secondary-2-2: rgba(232,248,145,1);
@rgba-secondary-2-3: rgba(166,185, 57,1);
@rgba-secondary-2-4: rgba(132,151, 27,1);



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */