Hugging Face's logo

Spaces:
hugging-mac
/
README
Running

App Files Community
devilyouwei commited on
Commit
f1ec5dc
路
verified 路
1 Parent(s): ef00fbb

Simplify organization card header

Browse files
Files changed (1) hide show
  1. index.html +7 -16
index.html CHANGED
@@ -12,13 +12,10 @@
12
  body { background:radial-gradient(circle at 85% 0,#142640 0,transparent 25rem),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0; }
13
  a { color:inherit; }
14
  header,main,footer { margin:auto; max-width:1180px; width:calc(100% - 36px); }
15
- header { align-items:end; display:grid; gap:20px; grid-template-columns:1fr auto; padding:34px 0 24px; }
16
  .eyebrow { color:var(--blue); font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; text-transform:uppercase; }
17
- h1 { font-size:clamp(34px,5vw,58px); letter-spacing:-.055em; line-height:1; margin:9px 0 12px; }
18
- header p { color:var(--muted); font-size:15px; line-height:1.55; margin:0; max-width:720px; }
19
- nav { display:flex; flex-wrap:wrap; gap:8px; }
20
- nav a { border:1px solid var(--line); border-radius:999px; font-size:13px; padding:8px 13px; text-decoration:none; white-space:nowrap; }
21
- nav a:first-child { background:var(--text); color:var(--bg); }
22
  .section-label { color:var(--muted); font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; margin:0 0 10px; text-transform:uppercase; }
23
  .demos { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); }
24
  article { background:color-mix(in srgb,var(--panel) 92%,transparent); border:1px solid var(--line); border-radius:16px; overflow:hidden; scroll-margin-top:24px; }
@@ -34,21 +31,15 @@
34
  .capabilities span { background:var(--panel); border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:11px; padding:6px 9px; }
35
  footer { color:var(--muted); display:flex; flex-wrap:wrap; font-size:12px; gap:16px; justify-content:space-between; padding:18px 0 28px; }
36
  footer a { color:var(--text); }
37
- @media (max-width:760px) { header { align-items:start; grid-template-columns:1fr; } .demos { grid-template-columns:1fr; } .about { grid-template-columns:1fr; } }
38
  @media (max-width:640px) { header { padding-top:26px; } header,main,footer { width:calc(100% - 24px); } }
39
  </style>
40
  </head>
41
  <body>
42
  <header>
43
- <div>
44
- <div class="eyebrow">Hugging Mac 路 Apple Silicon</div>
45
- <h1>Local AI, built on your Mac.</h1>
46
- <p>Run optimized models across CPU, GPU, and the Apple Neural Engine鈥攖hen combine their capabilities into private, responsive applications, games, services, and agents.</p>
47
- </div>
48
- <nav aria-label="Project links">
49
- <a href="https://github.com/devilyouwei/hugging-mac">View on GitHub</a>
50
- <a href="https://huggingface.co/hugging-mac">Explore models</a>
51
- </nav>
52
  </header>
53
 
54
  <main>
 
12
  body { background:radial-gradient(circle at 85% 0,#142640 0,transparent 25rem),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin:0; }
13
  a { color:inherit; }
14
  header,main,footer { margin:auto; max-width:1180px; width:calc(100% - 36px); }
15
+ header { padding:34px 0 24px; }
16
  .eyebrow { color:var(--blue); font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; text-transform:uppercase; }
17
+ h1 { font-size:clamp(32px,4.2vw,48px); letter-spacing:-.05em; line-height:1; margin:9px 0 12px; white-space:nowrap; }
18
+ header p { color:var(--muted); font-size:15px; line-height:1.55; margin:0; width:100%; }
 
 
 
19
  .section-label { color:var(--muted); font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.14em; margin:0 0 10px; text-transform:uppercase; }
20
  .demos { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); }
21
  article { background:color-mix(in srgb,var(--panel) 92%,transparent); border:1px solid var(--line); border-radius:16px; overflow:hidden; scroll-margin-top:24px; }
 
31
  .capabilities span { background:var(--panel); border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:11px; padding:6px 9px; }
32
  footer { color:var(--muted); display:flex; flex-wrap:wrap; font-size:12px; gap:16px; justify-content:space-between; padding:18px 0 28px; }
33
  footer a { color:var(--text); }
34
+ @media (max-width:760px) { h1 { white-space:normal; } .demos { grid-template-columns:1fr; } .about { grid-template-columns:1fr; } }
35
  @media (max-width:640px) { header { padding-top:26px; } header,main,footer { width:calc(100% - 24px); } }
36
  </style>
37
  </head>
38
  <body>
39
  <header>
40
+ <div class="eyebrow">Hugging Mac 路 Apple Silicon</div>
41
+ <h1>Local AI, built on your Mac.</h1>
42
+ <p>Run optimized models across CPU, GPU, and the Apple Neural Engine鈥攖hen combine their capabilities into private, responsive applications, games, services, and agents.</p>
 
 
 
 
 
 
43
  </header>
44
 
45
  <main>