diff --git a/.drone.yml b/.drone.yml index e1d9fcc..87aa402 100644 --- a/.drone.yml +++ b/.drone.yml @@ -3,11 +3,16 @@ type: docker name: deploy steps: - - name: build + - name: install image: node:18-alpine commands: - - npm ci || npm install - - npm run build || npm build + - npm install -D tailwindcss@^3.4.0 + + - name: build-css + image: node:18-alpine + commands: + # Generate optimized CSS from src/input.css styles/main.css + - npx tailwindcss -i ./src/input.css -o ./styles/main.css --minify - name: sync-files image: alpine:latest @@ -16,10 +21,9 @@ steps: path: /host-target commands: - cp -a . /host-target - - - chmod -R 777 /host-target + - chmod -R 755 /host-target volumes: - name: website-data host: - path: /root/khywebsite/data/html + path: /root/khy/data/html diff --git a/index.html b/index.html index 5399cf5..db85948 100644 --- a/index.html +++ b/index.html @@ -68,6 +68,62 @@ cursor: pointer; } + /* Attention animation for projects button */ + .attention-animation { + animation: attention-pulse 3s ease-in-out infinite; + position: relative; + overflow: hidden; + } + + .attention-animation::before { + content: ""; + position: absolute; + top: 0; + left: -100%; + width: 100%; + height: 100%; + background: linear-gradient( + 90deg, + transparent, + rgba(255, 255, 255, 0.2), + transparent + ); + animation: shimmer 4s ease-in-out infinite; + } + + @keyframes attention-pulse { + 0%, + 100% { + transform: scale(1); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + 50% { + transform: scale(1.02); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + @keyframes shimmer { + 0% { + left: -100%; + } + 50% { + left: 100%; + } + 100% { + left: 100%; + } + } + + .attention-animation:hover { + animation: none; + transform: scale(1.05); + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + .product-card:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15); @@ -334,11 +390,11 @@