Skip to content

Instantly share code, notes, and snippets.

View hopele's full-sized avatar

hopele

View GitHub Profile
@hopele
hopele / reconciliation-requirements.html
Last active July 28, 2026 21:22
Treez mockup: reconciliation-requirements.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Catalog-to-SellTreez Reconciliation — Product Requirements</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
@hopele
hopele / discount-display-order-mockup.html
Last active July 22, 2026 22:21
Treez mockup: discount-display-order-mockup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Discount Display Order — Mockup</title>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
@hopele
hopele / rounding-payment-mockup.html
Last active July 9, 2026 15:08
Treez mockup: rounding-payment-mockup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rounding — Payment UI Mockup</title>
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<style>
@hopele
hopele / catalog-store-assignment-requirements.html
Last active July 7, 2026 15:04
Treez mockup: catalog-store-assignment-requirements.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Catalog Store Assignment — Product Requirements</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
@hopele
hopele / catalog-subcategory-requirements.html
Last active July 23, 2026 19:09
Treez mockup: catalog-subcategory-requirements.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Org-Specific Subcategory Display Names — Product Requirements</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
@hopele
hopele / manage-subcategory-mockup.html
Last active July 28, 2026 16:42
Treez mockup: manage-subcategory-mockup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manage > Subcategories — Treez</title>
<style>
:root {
--green: #8BC34A;
--green-dark: #558B2F;
@hopele
hopele / index.html
Created June 25, 2026 15:46
Treez mockup: index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Treez Mockups</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
@hopele
hopele / product-collections-history-mockup.html
Last active June 25, 2026 15:43
Treez mockup: product-collections-history-mockup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Product Collections — History Log Mockup</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
@hopele
hopele / tax-change-history-mockup.html
Last active June 25, 2026 01:09
Treez mockup: tax-change-history-mockup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tax Change History — Mockup</title>
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
@hopele
hopele / donation-package-flag-mockup.html
Last active June 11, 2026 15:41
Treez mockup: donation-package-flag-mockup.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Donation Package Flag – Mockup</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body {