Tim Maier timmaier

## remove-rubber-band-web-apps-ios
<!DOCTYPE html>
<html>
<head>
  <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  <style>
    html, body {margin: 0; padding: 0; overflow: hidden}

## paginate.rb
def paginate(scope, default_per_page = 20)
  collection = scope.page(params[:page]).per((params[:per_page] || default_per_page).to_i)

  current, total, per_page = collection.current_page, collection.num_pages, collection.limit_value

  return [{
    pagination: {
      current:  current,
      previous: (current > 1 ? (current - 1) : nil),
      next:     (current == total ? nil : (current + 1)),

## SignedElasticsearchEngine.php
<?php

namespace App\Services;

use Aws\Credentials\CredentialProvider;
use Aws\Credentials\Credentials;
use Aws\ElasticsearchService\ElasticsearchPhpHandler;
use Elasticsearch\ClientBuilder;
use Laravel\Scout\Engines\ElasticsearchEngine;

## alpine-to-vue.md

      
              1 file
            
          
              5 forks
            
          
              4 comments
            
          
              43 stars
            
          
                dillingham
                / alpine-to-vue.md
            
            
              Last active
              July 6, 2023 16:20
            
          
    Converting Tailwind UI Alpine transitions to Vue transitions

After you copy a component from the Tailwind UI library and begin to adapt it from Vue JS to Alpine JS .. you may wonder what to do about the transitions. As I'm exploring this myself, I am documenting it for others in the same boat.
Things to be aware of:


Alpine calls the beginning and ending states "start" & "end"
Vue calls the beginning and ending states "from" and "to"
Alpine has inline "directives" ie x-transition:enter="classes"
Vue has a wrapper component  that applies classes to the child
Alpine applies the classes you pass it for each state, :enter-start="class"


## CityFactory.php
<?php

namespace Database\Factories;

use App\Models\City;
use App\Models\Country;
use App\Models\Region;
use Illuminate\Database\Eloquent\Factories\Factory;

class CityFactory extends Factory

## caddy-vapor-ssl.sh
# Stop and disable NGINX
sudo systemctl stop nginx
sudo systemctl disable nginx

# Install Go
wget https://go.dev/dl/go1.20.2.linux-amd64.tar.gz
sudo rm -rf /usr/local/go
sudo tar -C /usr/local -xzf go1.20.2.linux-amd64.tar.gz
rm -f go1.20.2.linux-amd64.tar.gz
	def paginate(scope, default_per_page = 20)
	collection = scope.page(params[:page]).per((params[:per_page] \|\| default_per_page).to_i)

	current, total, per_page = collection.current_page, collection.num_pages, collection.limit_value

	return [{
	pagination: {
	current: current,
	previous: (current > 1 ? (current - 1) : nil),
	next: (current == total ? nil : (current + 1)),
	<?php

	namespace App\Services;

	use Aws\Credentials\CredentialProvider;
	use Aws\Credentials\Credentials;
	use Aws\ElasticsearchService\ElasticsearchPhpHandler;
	use Elasticsearch\ClientBuilder;
	use Laravel\Scout\Engines\ElasticsearchEngine;
	<?php

	namespace Database\Factories;

	use App\Models\City;
	use App\Models\Country;
	use App\Models\Region;
	use Illuminate\Database\Eloquent\Factories\Factory;

	class CityFactory extends Factory
	# Stop and disable NGINX
	sudo systemctl stop nginx
	sudo systemctl disable nginx

	# Install Go
	wget https://go.dev/dl/go1.20.2.linux-amd64.tar.gz
	sudo rm -rf /usr/local/go
	sudo tar -C /usr/local -xzf go1.20.2.linux-amd64.tar.gz
	rm -f go1.20.2.linux-amd64.tar.gz