- Python 3
- Pip 3
$ brew install python3
--- | |
// NoJS Astro + TailwindCSS Gallery with Lightbox Zoom | |
// Usage: | |
// <Gallery | |
// gallery="Cute Kittens" | |
// dir="cute-kittens" | |
// alt="Pictures of cute kittens" | |
// /> | |
import fs from "node:fs"; |
<div set:html={HTMLContent}></div> |
--- | |
import { Image } from 'astro:assets'; | |
const imageFiles = await Astro.glob('./images/*'); | |
--- | |
src: https://axellarsson.com/blog/load-all-images-in-a-directory-with-astro/ | |
<div class="columns-1 sm:columns-2 md:columns-3 lg:columns-4 gap-3 mb-5 mx-auto w-full px-4"> | |
{ |
import Head from 'next/head'; | |
import { useState, useEffect } from 'react'; | |
import 'tailwindcss/tailwind.css'; | |
import DashboardLayout from '../dashboard/layout'; | |
import { createClass } from 'asteroid'; | |
function MyApp({ Component, pageProps }) { | |
// HELLOZ | |
useEffect(() => { |
import Head from 'next/head'; | |
import { useState, useEffect } from 'react'; | |
import 'tailwindcss/tailwind.css'; | |
import DashboardLayout from '../dashboard/layout'; | |
// import you astroid. | |
import { createClass } from 'asteroid'; | |
function MyApp({ Component, pageProps }) { | |
// Import and Initiate your DDP connection within React's useEffect | |
useEffect(() => { |
version: '3' | |
services: | |
couchserver: | |
image: couchdb | |
restart: always | |
ports: | |
- "5984:5984" | |
environment: | |
- COUCHDB_USER=admin | |
- COUCHDB_PASSWORD=YOURPASSWORD |
module.exports = { | |
purge: [ | |
"./client/**/*.html", | |
"./client/**/*.vue", | |
"./client/**/*.jsx", | |
"./client/**/*.js", | |
"./imports/ui/**/*.js", | |
"./imports/ui/**/*.jsx" | |
], | |
darkMode: 'class', // or 'media' or 'class' |
import 'package:flutter/material.dart'; | |
import 'package:enhanced_meteorify/enhanced_meteorify.dart'; | |
// Meteor connect | |
void connectWS() async { | |
try { | |
var status = await Meteor.connect('ws://localhost:3000/websocket'); | |
print('Subscribed at: ws://localhost:3000/websocket'); | |
subPosts(); | |
} catch (error) { |
<head> | |
<title>meteor-exp</title> | |
</head> | |
<body> | |
{{> camera}} | |
</body> | |
<template name="camera"> | |
<video id="video" width="800" height="600" | |
autoplay></video> | |
</template> |