ramsaylanier

Scrolling sections with stops

A Pen by Ramsay Lanier on CodePen.

License.

ramsaylanier

{
  "manifest_version": 2,

  "name": "PushQuotes",
  "description": "Authenticate to PushQuotes and sync with Slides.com",
  "version": "1.0",

  "permissions": [
    "declarativeContent",
    "tabs",

ramsaylanier

$(function() {

	chrome.runtime.sendMessage({}, function(response){
		console.log(response.started);
		
		if (response.started){
			hideForm();
		}
	});

ramsaylanier

//loctaed in 'server' folder.
Meteor.methods({
	loginFromExtension: function(username, password){
		try {
			if (ApiPassword.isPasswordValid(username, password)) {
			  console.log('password is valid for this user');
			  return true;
			} else {
				return 'Password is not valid.'
			}

ramsaylanier

chrome.runtime.onInstalled.addListener(function() {
	chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
		chrome.declarativeContent.onPageChanged.addRules([
			{
        conditions: [
          new chrome.declarativeContent.PageStateMatcher({
            pageUrl: { urlContains: 'slides.com' },
          })
        ],
				actions: [ 

ramsaylanier

const headingsArray = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];

const headingsStyles = {
	base: {
		textRendering: "optimizeLegibility",
		lineHeight: 1,
		marginTop: 0,
		color: "#222",
		fontFamily: Fonts.serif,
	},

ramsaylanier

<div class="application">
  <img id="image" src="/commnity.gif"/>

  <div id="section-1" class="page-section"></div>
  <div id="section-2" class="page-section"></div>
  <div id="section-3" class="page-section"></div>
  <div id="section-4" class="page-section"></div>
</div>

<script type="text/javascript">

ramsaylanier

'use strict';

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var WriteFilePlugin = require('write-file-webpack-plugin');

const devServer = {
    contentBase: path.resolve(__dirname, './app'),

ramsaylanier

/* eslint no-console: 0 */
import express from 'express';
import webpack from 'webpack';
import WebpackDevServer from 'webpack-dev-server';
import webpackMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
import config from './webpack.config.js';
import { apolloServer } from 'apollo-server';
import Schema from './schema/typeDefinitions';
import Resolvers from './schema/resolveFunctions';

ramsaylanier

import Connectors from './connectors';
import { publicSettings, privateSettings } from '../settings/settings';

const resolveFunctions = {
  Query: {
    settings(){
      return publicSettings
    },
    posts(_, args){
      return Connectors.getPosts(args).then( res=> {