diff --git a/index.html b/index.html new file mode 100644 index 0000000..61f8113 --- /dev/null +++ b/index.html @@ -0,0 +1,226 @@ + + + + + + + Stacey Williams - Digital Business Card + + + + + + + + + + + + + + + + + + + +
+
+ +
+ +
+ + +
+

Stacey Williams

+

Certified Service Technician

+

Mercedes Benz Of Collierville

+ + +
+
+
+ + + +
+ (123) 456-7890 +
+ + + + +
+ + +
+

Scan to Save Contact

+
+
+ + + +
+
+
+ + +
Copied to clipboard!
+ + + + + + + + diff --git a/manifest.json b/manifest.json index fa4791b..c482542 100644 --- a/manifest.json +++ b/manifest.json @@ -2,7 +2,7 @@ "name": "Stacey Williams - Digital Business Card", "short_name": "Stacey Card", "description": "Professional business card for Stacey Williams, Certified Service Technician at Mercedes Benz Of Collierville", - "start_url": "/rag7/", + "start_url": "./", "display": "standalone", "background_color": "#1a1a1a", "theme_color": "#C0C0C0", diff --git a/style.css b/style.css index 181b0e8..b7f7ec7 100644 --- a/style.css +++ b/style.css @@ -187,4 +187,20 @@ body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); } +} + +/* Toast Notification */ +#toast { + position: fixed; + bottom: 20px; + left: 50%; + transform: translateX(-50%) translateY(100px); + background: rgba(192, 192, 192, 0.95); + color: #1a1a1a; + padding: 12px 24px; + border-radius: 8px; + font-weight: 500; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); + transition: transform 0.3s ease; + z-index: 1000; } \ No newline at end of file diff --git a/sw.js b/sw.js index 31aa6d7..d6be61c 100644 --- a/sw.js +++ b/sw.js @@ -1,9 +1,9 @@ const CACHE_NAME = 'stacey-card-v1'; const urlsToCache = [ - '/rag7/', - '/rag7/index.html', - '/rag7/style.css', - '/rag7/manifest.json' + './', + './index.html', + './style.css', + './manifest.json' ]; self.addEventListener('install', event => {