hamzamu

---
import Layout from "../layouts/Layout.astro";
import * as myPost from "../content/pages/about.md";
---

<Layout>
  <div class="text-right rtl leading-8">
    <h1 class="text-3xl">{myPost.frontmatter.title}</h1>
    <myPost.Content />
  </div>

hamzamu

---
export interface Props {
  title: string
  videoCode: string
}
let {title, videoCode} = Astro.props
let playButtonSvg = `<svg height="100%" version="1.1" viewBox="0 0 68 48" width="100%"><path d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z" fill="#f00"></path><path d="M 45,24 27,14 27,34" fill="#fff"></path></svg>`
let srcdoc = `<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img{position:absolute;width:100%;top:0;bottom:0;margin:auto}.button{position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;}.top{position:absolute;top:18px;left:18px;right:18px;display:flex;flex-wrap:nowrap}.title{color:#fff;font-size:18px;white-space:nowrap;word-wrap:normal;text-shadow:0 0 2px rgba(0,0,0,.5);font-fam

hamzamu

---
// 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";

hamzamu

  

<div set:html={HTMLContent}></div>

hamzamu

---
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">
  {

hamzamu

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(() => {

hamzamu

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(() => {

hamzamu

version: '3'
services:
  couchserver:
    image: couchdb
    restart: always
    ports:
      - "5984:5984"
    environment:
      - COUCHDB_USER=admin
      - COUCHDB_PASSWORD=YOURPASSWORD

hamzamu

module.exports = {
  purge: [
    "./client/**/*.html",
    "./client/**/*.vue",
    "./client/**/*.jsx",
    "./client/**/*.js",
    "./imports/ui/**/*.js",
    "./imports/ui/**/*.jsx"
  ],
  darkMode: 'class', // or 'media' or 'class'

hamzamu

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) {