diff --git a/README.md b/README.md index e6925ec..f4cb247 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -# Rumfoords +# Code Study Boilerplate **Local Development** diff --git a/app.html b/app.html index 123f64c..ed57dc5 100644 --- a/app.html +++ b/app.html @@ -1,10 +1,3 @@ - diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss index 2b22558..946dae8 100755 --- a/assets/scss/_base.scss +++ b/assets/scss/_base.scss @@ -1,5 +1,5 @@ @import 'vars'; -@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap'); html { font-size: 16px; @@ -12,7 +12,7 @@ body { --black: #000000; --white: #ffffff; - --font-sans: 'Poppins', sans-serif; + --font-sans: 'IBM Plex Sans', sans-serif; --font-serif: 'EB Garamond', serif; @include fontSize(16px); @@ -107,20 +107,15 @@ a { path { transition: fill 0.3s; } - - @include hover { - color: var(--white); - - path { - fill: var(--white); - } + &:hover { + text-decoration: underline; } } .contained { padding-right: var(--margin); padding-left: var(--margin); - // max-width: 1380px; + max-width: 1200px; margin-right: auto; margin-left: auto; } diff --git a/components/StudyBody.vue b/components/StudyBody.vue new file mode 100644 index 0000000..c1909ac --- /dev/null +++ b/components/StudyBody.vue @@ -0,0 +1,19 @@ + + + + + diff --git a/components/ZoraInfo.vue b/components/ZoraInfo.vue new file mode 100644 index 0000000..16bb65f --- /dev/null +++ b/components/ZoraInfo.vue @@ -0,0 +1,117 @@ + + + + + diff --git a/components/svg/facebook-clipped.vue b/components/svg/facebook-clipped.vue new file mode 100644 index 0000000..cee3cef --- /dev/null +++ b/components/svg/facebook-clipped.vue @@ -0,0 +1,47 @@ + + + diff --git a/components/svg/social/social-facebook.vue b/components/svg/social/social-facebook.vue index 255e297..76d98e7 100644 --- a/components/svg/social/social-facebook.vue +++ b/components/svg/social/social-facebook.vue @@ -1,5 +1,6 @@ \ No newline at end of file + diff --git a/components/svg/social/social-instagram.vue b/components/svg/social/social-instagram.vue index 127d7bc..9d78085 100644 --- a/components/svg/social/social-instagram.vue +++ b/components/svg/social/social-instagram.vue @@ -1,5 +1,6 @@ @@ -13,5 +28,18 @@ export default {} diff --git a/plugins/browser.js b/plugins/browser.js index 39f9e98..3b71280 100755 --- a/plugins/browser.js +++ b/plugins/browser.js @@ -40,4 +40,12 @@ export default async ({ store, route }, inject) => { // load fonts store.dispatch('browser/LOAD_FONTS') + + // check for walletconnect storage item + // const wcStorageItem = localStorage.getItem('walletconnect') + // if (wcStorageItem) { + // // if it's there, connect the user's wallet + // store.commit('web3/SET_WC_COOKIE', true) + // store.dispatch('web3/CONNECT_WALLET') + // } } diff --git a/static/fonts/fonts.css b/static/fonts/fonts.css index 0991838..a295f43 100755 --- a/static/fonts/fonts.css +++ b/static/fonts/fonts.css @@ -10,25 +10,3 @@ 800 - Extra Bold (Ultra Bold) 900 - Black (Heavy) */ - -@font-face { - font-family: 'SweetSans'; - font-style: normal; - font-weight: 400; - src: url('SweetSans-Regular.woff2') format('woff2'), - url('SweetSans-Regular.woff') format('woff'); -} -@font-face { - font-family: 'SweetSans'; - font-style: normal; - font-weight: 700; - src: url('SweetSans-Medium.woff2') format('woff2'), - url('SweetSans-Medium.woff') format('woff'); -} -@font-face { - font-family: 'WT-Monarch'; - font-style: normal; - font-weight: 400; - src: url('WT-Monarch.woff2') format('woff2'), - url('WT-Monarch.woff') format('woff'); -} diff --git a/static/videos/shovel.mp4 b/static/videos/shovel.mp4 new file mode 100644 index 0000000..4c998d3 Binary files /dev/null and b/static/videos/shovel.mp4 differ diff --git a/store/browser.js b/store/browser.js index 69f1a22..d5443da 100755 --- a/store/browser.js +++ b/store/browser.js @@ -60,12 +60,12 @@ export const actions = { context.commit('FONTS_LOADING') await loadFonts([ { - name: 'SweetSans', + name: 'EB Garamund', weights: [400, 700], }, { - name: 'WT-Monarch', - weights: [400], + name: 'Poppins', + weights: [300, 400, 700], }, ]) context.commit('FONTS_LOADED') diff --git a/store/web3.js b/store/web3.js new file mode 100644 index 0000000..72d622f --- /dev/null +++ b/store/web3.js @@ -0,0 +1,73 @@ +import Vue from 'vue' +import { Wallet, providers } from 'ethers' +import WalletConnectProvider from '@walletconnect/web3-provider' +import Web3 from 'web3' + +export const state = () => { + return { + wcCookiePresent: false, + userWallet: null, + nftHoldings: null, + } +} + +export const mutations = { + SET_WC_COOKIE: (state, value) => { + state.wcCookiePresent = value + }, + SET_WALLET: (state, wallet) => { + state.userWallet = wallet + }, + SET_NFTS: (state, holdings) => { + state.nftHoldings = holdings + }, +} + +export const actions = { + CONNECT_WALLET: async (context) => { + /** + * 1. Connect to provider through Wallet Connect -- https://docs.walletconnect.org/quick-start/dapps/web3-provider + * 2. Create web3 instance -- https://web3js.readthedocs.io/en/v1.4.0/ + * 3. Retrieve data from accounts + */ + + try { + // Create WalletConnect Provider + const provider = new WalletConnectProvider({ + // List of rpc providers to use, indexed by chainID of network + rpc: { + // ETH + 1: 'https://cloudflare-eth.com', + // Rinkeby + 4: 'https://cloudflare-eth.com', + }, + // qrcode: false, + }) + + /** + * To use custom QR modal: + * 1. uncomment below section + * 2. uncomment 'qrcode: false' in WalletConnectProvider constructor + */ + // provider.connector.on('display_uri', (err, payload) => { + // const uri = payload.params[0] + // console.log(uri) + // CustomQRCodeModal.display(uri) + // }) + + // Enable session (triggers QR Code modal) + await provider.enable() + + // Wrap with Web3Provider from ethers.js + const web3Provider = new providers.Web3Provider(provider) + // Create ethers wallet instance + const wallet = Wallet.createRandom().connect(web3Provider) + + context.commit('SET_WALLET', Object.freeze(wallet)) + } catch (err) { + throw err + } + }, +} + +export const getters = {}