Skip to content

Instantly share code, notes, and snippets.

View planetoftheweb's full-sized avatar
🚀
Hubbing

Ray Villalobos planetoftheweb

🚀
Hubbing
View GitHub Profile
<div
class="row justify-content-center"
>
<div class="col-md-8">
<h1 class="font-weight-light text-center">Attendees</h1>
<div class="card bg-light mb-4">
<div class="card-body text-center">
<div class="input-group input-group-lg">
<input
<template>
<div class="container mt-4">
<div class="row justify-content-center">
<div
class="col-8 col-sm-6 col-md-4 col-lg-3 mb-2 p-0 px-1"
>
<div class="card">
<div class="card-body px-3 py-2 d-flex align-items-center justify-content-center">
<div>displayName</div>
</div>
<template>
<form class="mt-3">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="card bg-light">
<div class="card-body">
<h3 class="font-weight-light mb-3">Check in</h3>
<section class="form-group">
<div class="col-12 alert alert-danger px-3">
<div class="row justify-content-center">
<div class="col-11 col-md-8 col-lg-6">
<div class="card border-top-0 rounded-0">
<div class="card-body py-2">
<h4 class="card-title m-0 text-center">Your Meetings</h4>
</div>
<div class="list-group list-group-flush">
<div
class="list-group-item d-flex"
>
<template>
<div class="container mt-4">
<div class="row justify-content-center">
<div class="col-12 col-md-9 col-lg-7">
<h1
class="font-weight-light text-center"
>Add a Meeting</h1>
<div class="card bg-light">
<div class="card-body text-center">
<div>
<form
class="mt-3"
@submit.prevent="register"
>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="card bg-light">
<div class="card-body">
<div>
<form class="mt-3">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="card bg-light">
<div class="card-body">
<h3 class="font-weight-light mb-3">Log in</h3>
<section class="form-group">
<div
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-10 col-md-10 col-lg-8 col-xl-7">
<h4 class="display-4 text-primary mt-3 mb-2">Meeting Log</h4>
<p class="lead">
This simple app creates meetings, allows people to check in, and
picks random users to award giveaways. It's a good example of a
Single Page Application which includes connection to a database and
routing. It's a practical way to learn
<a href="https://vuejs.org/">Vue.js</a>
@planetoftheweb
planetoftheweb / install.sh
Last active December 2, 2021 00:06
installation for Vue and Firebase single
npm i --save-dev @fortawesome/fontawesome-free @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/vue-fontawesome bootstrap jquery popper.js firebase
<div class="col-12 col-md-10 col-lg-7">
<div class="input-group my-3">
<input
id="SearchApts"
placeholder="Search"
type="text"
class="form-control"
aria-label="Search Appointments"
>