initial commit
This commit is contained in:
parent
c3d1661d9a
commit
ea54f9bd0c
|
|
@ -0,0 +1,130 @@
|
||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
.pnpm-debug.log*
|
||||||
|
|
||||||
|
# Diagnostic reports (https://nodejs.org/api/report.html)
|
||||||
|
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
|
||||||
|
|
||||||
|
# Runtime data
|
||||||
|
pids
|
||||||
|
*.pid
|
||||||
|
*.seed
|
||||||
|
*.pid.lock
|
||||||
|
|
||||||
|
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||||
|
lib-cov
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
*.lcov
|
||||||
|
|
||||||
|
# nyc test coverage
|
||||||
|
.nyc_output
|
||||||
|
|
||||||
|
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||||
|
.grunt
|
||||||
|
|
||||||
|
# Bower dependency directory (https://bower.io/)
|
||||||
|
bower_components
|
||||||
|
|
||||||
|
# node-waf configuration
|
||||||
|
.lock-wscript
|
||||||
|
|
||||||
|
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||||
|
build/Release
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules/
|
||||||
|
jspm_packages/
|
||||||
|
|
||||||
|
# Snowpack dependency directory (https://snowpack.dev/)
|
||||||
|
web_modules/
|
||||||
|
|
||||||
|
# TypeScript cache
|
||||||
|
*.tsbuildinfo
|
||||||
|
|
||||||
|
# Optional npm cache directory
|
||||||
|
.npm
|
||||||
|
|
||||||
|
# Optional eslint cache
|
||||||
|
.eslintcache
|
||||||
|
|
||||||
|
# Optional stylelint cache
|
||||||
|
.stylelintcache
|
||||||
|
|
||||||
|
# Microbundle cache
|
||||||
|
.rpt2_cache/
|
||||||
|
.rts2_cache_cjs/
|
||||||
|
.rts2_cache_es/
|
||||||
|
.rts2_cache_umd/
|
||||||
|
|
||||||
|
# Optional REPL history
|
||||||
|
.node_repl_history
|
||||||
|
|
||||||
|
# Output of 'npm pack'
|
||||||
|
*.tgz
|
||||||
|
|
||||||
|
# Yarn Integrity file
|
||||||
|
.yarn-integrity
|
||||||
|
|
||||||
|
# dotenv environment variable files
|
||||||
|
.env
|
||||||
|
.env.development.local
|
||||||
|
.env.test.local
|
||||||
|
.env.production.local
|
||||||
|
.env.local
|
||||||
|
|
||||||
|
# parcel-bundler cache (https://parceljs.org/)
|
||||||
|
.cache
|
||||||
|
.parcel-cache
|
||||||
|
|
||||||
|
# Next.js build output
|
||||||
|
.next
|
||||||
|
out
|
||||||
|
|
||||||
|
# Nuxt.js build / generate output
|
||||||
|
.nuxt
|
||||||
|
dist
|
||||||
|
|
||||||
|
# Gatsby files
|
||||||
|
.cache/
|
||||||
|
# Comment in the public line in if your project uses Gatsby and not Next.js
|
||||||
|
# https://nextjs.org/blog/next-9-1#public-directory-support
|
||||||
|
# public
|
||||||
|
|
||||||
|
# vuepress build output
|
||||||
|
.vuepress/dist
|
||||||
|
|
||||||
|
# vuepress v2.x temp and cache directory
|
||||||
|
.temp
|
||||||
|
.cache
|
||||||
|
|
||||||
|
# Docusaurus cache and generated files
|
||||||
|
.docusaurus
|
||||||
|
|
||||||
|
# Serverless directories
|
||||||
|
.serverless/
|
||||||
|
|
||||||
|
# FuseBox cache
|
||||||
|
.fusebox/
|
||||||
|
|
||||||
|
# DynamoDB Local files
|
||||||
|
.dynamodb/
|
||||||
|
|
||||||
|
# TernJS port file
|
||||||
|
.tern-port
|
||||||
|
|
||||||
|
# Stores VSCode versions used for testing VSCode extensions
|
||||||
|
.vscode-test
|
||||||
|
|
||||||
|
# yarn v2
|
||||||
|
.yarn/cache
|
||||||
|
.yarn/unplugged
|
||||||
|
.yarn/build-state.yml
|
||||||
|
.yarn/install-state.gz
|
||||||
|
.pnp.*
|
||||||
9
LICENSE
9
LICENSE
|
|
@ -1,9 +0,0 @@
|
||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2024 henry
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
||||||
|
|
@ -1,3 +1,12 @@
|
||||||
# hobbs-zone-home
|
# hobbs-zone-home
|
||||||
|
|
||||||
Homepage for hobbs.zone
|
Homepage for hobbs.zone
|
||||||
|
|
||||||
|
## Develop
|
||||||
|
|
||||||
|
Requires [Node.js](https://nodejs.org/)
|
||||||
|
|
||||||
|
```sh
|
||||||
|
npm install
|
||||||
|
npm run tailwind
|
||||||
|
```
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>h o b b s . z o n e</title>
|
||||||
|
<link href="./css/output.css" rel="stylesheet" />
|
||||||
|
<link href="./index.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body class="bg-slate-800 items-center flex-col flex min-h-svh">
|
||||||
|
<div class="bg-slate-900 text-white text-center p-4 w-full">
|
||||||
|
<a href="./index.html">
|
||||||
|
<h1
|
||||||
|
class="text-4xl tracking-widest hover:scale-x-50 transition-transform duration-1000 ease-linear"
|
||||||
|
>
|
||||||
|
h o b b s . z o n e
|
||||||
|
</h1>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 MiB |
|
|
@ -0,0 +1,5 @@
|
||||||
|
@import url("./css/output.css");
|
||||||
|
|
||||||
|
p {
|
||||||
|
@apply text-white;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,48 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>h o b b s . z o n e</title>
|
||||||
|
<link href="./css/output.css" rel="stylesheet" />
|
||||||
|
<link href="./index.css" rel="stylesheet" />
|
||||||
|
<script>
|
||||||
|
const onKittyClick = () => {
|
||||||
|
const img = document.querySelector("img")
|
||||||
|
img.src = "./img/20240413_101400-sq.jpg"
|
||||||
|
img.onclick = null
|
||||||
|
setTimeout(() => {
|
||||||
|
// go to landing page
|
||||||
|
window.location.href = "./landing.html"
|
||||||
|
}, 1000)
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body class="bg-slate-800 items-center flex-col flex min-h-svh">
|
||||||
|
<div class="bg-slate-900 text-white text-center p-4 w-full">
|
||||||
|
<a href="./index.html">
|
||||||
|
<h1
|
||||||
|
class="text-4xl tracking-widest hover:scale-x-50 transition-transform duration-1000 ease-linear"
|
||||||
|
>
|
||||||
|
h o b b s . z o n e
|
||||||
|
</h1>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-row">
|
||||||
|
<h1 class="text-white p-6 text-center text-2xl">boop snoot to enter</h1>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 flex items-center">
|
||||||
|
<img
|
||||||
|
class="w-72 rounded-full aspect-square hover:scale-150 transition-transform duration-100 ease-out mb-36"
|
||||||
|
src="./img/20231117_131631.jpg"
|
||||||
|
alt="zuzu"
|
||||||
|
onclick="onKittyClick()"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="bottom-2 flex justify-center w-max bg-slate-200 p-2 rounded-md shadow-md fixed px-24"
|
||||||
|
>
|
||||||
|
<p class="text-black text-center">
|
||||||
|
<b>Email me: <a href="mailto:henry@hobbs.zone">henry@hobbs.zone</a></b>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>h o b b s . z o n e</title>
|
||||||
|
<link href="./css/output.css" rel="stylesheet" />
|
||||||
|
<link href="./index.css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body class="bg-slate-800 items-center flex-col flex min-h-svh">
|
||||||
|
<div class="bg-slate-900 text-white text-center p-4 w-full">
|
||||||
|
<a href="./index.html">
|
||||||
|
<h1
|
||||||
|
class="text-4xl tracking-widest hover:scale-x-50 transition-transform duration-1000 ease-linear"
|
||||||
|
>
|
||||||
|
h o b b s . z o n e
|
||||||
|
</h1>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="grid grid-cols-3 gap-4 p-4 w-full">
|
||||||
|
<a href="./henry.html">
|
||||||
|
<div
|
||||||
|
class="bg-slate-400 shadow-2xl p-4 rounded-md hover:scale-105 transition-transform"
|
||||||
|
>
|
||||||
|
<div class="flex flex-row">
|
||||||
|
<img
|
||||||
|
class="w-24 rounded-full aspect-square"
|
||||||
|
src="./img/20231117_131631.jpg"
|
||||||
|
alt="zuzu"
|
||||||
|
/>
|
||||||
|
<div class="flex flex-col p-4">
|
||||||
|
<h1 class="text-4xl">Henry</h1>
|
||||||
|
<p>About me</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 2 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 3 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 4 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 5 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 6 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 7 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 8 content -->
|
||||||
|
</div>
|
||||||
|
<div class="bg-white shadow-md p-4">
|
||||||
|
<!-- Card 9 content -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,8 @@
|
||||||
|
{
|
||||||
|
"scripts": {
|
||||||
|
"tailwind": "npx tailwindcss --input ./css/input.css --output ./css/output.css --watch"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"tailwindcss": "^3.4.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: ["./**/*.{html,js}"],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
};
|
||||||
Loading…
Reference in New Issue