Ray Villalobos planetoftheweb

🚀

Hubbing

I love helping people learn full-stack development with a clear, practical style.

planetoftheweb / addapt.html

Created June 27, 2019 20:13

	<div class="col-12">
	<div class="card textcenter mt-3">
	<div class="card-header bg-primary text-white">
	<font-awesome-icon icon="plus" class="mr-3"/>Add Appointment
	</div>

	<div class="card-body">
	<form id="aptForm">
	<div class="form-group form-row">
	<label class="col-md-2 col-form-label text-md-right" for="petName">Pet Name</label>

planetoftheweb / appointmentlist.html

Created June 26, 2019 16:43

	<button class="mr-2 btn btn-sm btn-danger">
	X
	</button>
	<div class="w-100">
	<div class="d-flex justify-content-between">
	<span class="h4 text-primary">{{item.petName}}</span>
	<span class="float-right">{{item.aptDate}}</span>
	</div>
	<div class="owner-name">
	<span class="font-weight-bold text-primary mr-1">Owner:</span>

planetoftheweb / binaryville.html

Created April 9, 2019 17:27

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<title>BinaryVille Shop</title>
	</head>
	<body>

planetoftheweb / sassbootstrap.js

Created February 26, 2019 02:14

	$(document).ready(function() {
	// When Scrollspy Detects a change
	$(window).on("activate.bs.scrollspy", function() {
	var hash = $(".site-nav")
	.find("a.active")
	.attr("href");

	if (hash == "#main-content") {
	$(".site-nav").addClass("inbody");
	} else {

planetoftheweb / vue-essentials-checkout.html

Created February 5, 2019 02:43

	<table class="table table-hover">
	<caption class="text-right h3">
	<b>Total:</b>
	</caption>
	<thead>
	<tr>
	<th scope="col"></th>
	<th scope="col">Item</th>
	<th scope="col" class="text-center">Qty</th>
	<th scope="col" class="text-right">Price</th>

planetoftheweb / vue-simpledata.js

Created January 17, 2019 20:37

	var data = {
	"name": "Bamboo Thermal Ski Coat",
	"description": "You'll be the most environmentally conscious skier on the slopes - and the most stylish - wearing our fitted bamboo thermal ski coat, made from organic bamboo with recycled plastic down filling.",
	"image": "https://hplussport.com/wp-content/uploads/2016/12/ski-coat_LYNDA_29940.jpg",
	"price": 99
	}

planetoftheweb / ri-SearchAppointments.html

Created December 19, 2018 00:53

	<div className="search-appointments row justify-content-center my-4">
	<div className="col-md-6">
	<div className="input-group">
	<input
	id="SearchApts"
	type="text"
	className="form-control"
	aria-label="Search Appointments"
	/>
	<div className="input-group-append">

planetoftheweb / ri-AddAppointments.html

Last active May 6, 2020 15:23

	<div className="card textcenter mt-3">
	<div className="apt-addheading card-header bg-primary text-white">
	Add Appointment
	</div>

	<div className="card-body">
	<form id="aptForm" noValidate>
	<div className="form-group form-row">
	<label
	className="col-md-2 col-form-label text-md-right"

planetoftheweb / ri-listappointment.html

Created December 14, 2018 23:38

	<div className="appointment-list item-list mb-3">
	<div className="pet-item col media py-3">
	<div className="mr-3">
	<button className="pet-delete btn btn-sm btn-danger">X</button>
	</div>

	<div className="pet-info media-body">
	<div className="pet-head d-flex">
	<span className="pet-name">petName</span>
	<span className="apt-date ml-auto">aptDate</span>

planetoftheweb / ri-data.json

Created December 14, 2018 02:05

	[
	{
	"petName": "Pepe",
	"ownerName": "Reggie Tupp",
	"aptNotes": "It's time for this rabbit's post spaying surgery checkup",
	"aptDate": "2018-11-28 13:30"
	},
	{
	"petName": "Rio",
	"ownerName": "Philip Ransu",