Skip to content

Instantly share code, notes, and snippets.

@justinatack
justinatack / Quasar Framework Dark Theme Login Form Card Component
Created Apr 17, 2019
Quasar Framework Dark Theme Login Form Card Component
View Quasar Framework Dark Theme Login Form Card Component
<template>
<q-page
class="window-height window-width row justify-center items-center"
style="background: linear-gradient(135deg, #EA5C54 0%,#bb6dec 100%);"
>
<div class="column">
<div class="row">
<q-card square dark class="q-pa-md q-ma-none no-shadow bg-grey-10" style="width:320px;">
<q-card-section class="q-mt-xl q-mb-md">
<p class="text-weight-bolder text-grey">Login to your account</p>
@justinatack
justinatack / Quasar Framework Newsletter Subscription Form Component Example
Created Apr 17, 2019
Quasar Framework Newsletter Subscription Form Component Example
View Quasar Framework Newsletter Subscription Form Component Example
<template>
<q-page class="bg-grey-3 window-height window-width row justify-center items-center">
<div class="column">
<div class="row justify-center items-center">
<h5 class="text-h5 text-grey-7">Newsletter Subscription</h5>
</div>
<div class="row">
<q-card square bordered class="q-pa-lg shadow-3" style="width:360px;">
<q-card-section>
<q-form class="q-gutter-lg">
@justinatack
justinatack / Quasar Framework Login Form Card Component Example
Last active May 30, 2021
Quasar Framework Login Form Card Component Example
View Quasar Framework Login Form Card Component Example
<template>
<q-page class="bg-light-green window-height window-width row justify-center items-center">
<div class="column">
<div class="row">
<h5 class="text-h5 text-white q-my-md">Company & Co</h5>
</div>
<div class="row">
<q-card square bordered class="q-pa-lg shadow-1">
<q-card-section>
<q-form class="q-gutter-md">
@justinatack
justinatack / Quasar Framework Login & Registration Form Card Component Example
Last active May 30, 2021
Quasar Framework Login & Registration Form Card Component Example
View Quasar Framework Login & Registration Form Card Component Example
<template>
<q-page
class="window-height window-width row justify-center items-center"
style="background: linear-gradient(#8274C5, #5A4A9F);"
>
<div class="column q-pa-lg">
<div class="row">
<q-card square class="shadow-24" style="width:300px;height:485px;">
<q-card-section class="bg-deep-purple-7">
<h4 class="text-h5 text-white q-my-md">Company &amp; Co</h4>
@justinatack
justinatack / linkVultrServerPilotToBitBucket.md
Last active Nov 24, 2017
Create and Link Vultr with ServerPilot Public Key to Bitbucket Repository
View linkVultrServerPilotToBitBucket.md

Link Vulr with ServerPilot to BitBucket Repository

The following information is for Vultr/ServerPilot and BitBucket users. In principle the following should apply for any server/git combination, but with variations. This information specifically applies to Ubuntu 16.04.

SSH into Vultr Server

SSH into your Vultr server using your serverpilot user.

ssh serverpilot@x.x.x.x
@justinatack
justinatack / letsencrypt.md
Last active Dec 13, 2018
Installing Let's Encrypt with Cerbot on Vultr & ServerPilot
View letsencrypt.md

Let's Encrypt

SSH as root into the server

ssh root@SERVER_IP_ADDRESS

Install Certbot

$ sudo apt-get update
$ sudo apt-get install software-properties-common
@justinatack
justinatack / API.md
Created Jun 8, 2017 — forked from iros/API.md
Documenting your REST API
View API.md

Title

<Additional information about your API call. Try to use verbs that match both request type (fetching vs modifying) and plurality (one vs multiple).>

  • URL

    <The URL Structure (path only, no root url)>

  • Method: