Skip to content

Commit a765ad6

Browse files
vojtatomvojtatom
committed
Updated front with Studio
1 parent 674338e commit a765ad6

File tree

6 files changed

+72
-64
lines changed

6 files changed

+72
-64
lines changed

‎package.json‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,29 @@
11
{
2-
"name": "metacity-website",
3-
"private": true,
4-
"version": "0.0.1",
5-
"type": "module",
6-
"scripts": {
7-
"dev": "vite",
8-
"build": "tsc && vite build",
9-
"preview": "vite preview"
10-
},
11-
"dependencies": {
12-
"@headlessui/tailwindcss": "^0.1.2",
13-
"autoprefixer": "^10.4.13",
14-
"clsx": "^1.2.1",
15-
"react": "^18.2.0",
16-
"react-dom": "^18.2.0",
17-
"three": "^0.150.1"
18-
},
19-
"devDependencies": {
20-
"@types/node": "^20.2.3",
21-
"@types/react": "^18.0.27",
22-
"@types/react-dom": "^18.0.10",
23-
"@types/three": "^0.149.0",
24-
"@vitejs/plugin-react": "^3.1.0",
25-
"tailwindcss": "^3.2.7",
26-
"typescript": "^4.9.3",
27-
"vite": "^4.1.0"
28-
}
2+
"name": "metacity-website",
3+
"private": true,
4+
"version": "1.0.0",
5+
"type": "module",
6+
"scripts": {
7+
"dev": "vite",
8+
"build": "tsc && vite build",
9+
"preview": "vite preview"
10+
},
11+
"dependencies": {
12+
"@headlessui/tailwindcss": "^0.1.2",
13+
"autoprefixer": "^10.4.13",
14+
"clsx": "^1.2.1",
15+
"react": "^18.2.0",
16+
"react-dom": "^18.2.0",
17+
"three": "^0.150.1"
18+
},
19+
"devDependencies": {
20+
"@types/node": "^20.2.3",
21+
"@types/react": "^18.0.27",
22+
"@types/react-dom": "^18.0.10",
23+
"@types/three": "^0.149.0",
24+
"@vitejs/plugin-react": "^3.1.0",
25+
"tailwindcss": "^3.2.7",
26+
"typescript": "^4.9.3",
27+
"vite": "^4.1.0"
28+
}
2929
}

‎public/studio.png‎

1.41 MB
Loading

‎public/studio2.png‎

1.96 MB
Loading

‎public/studio3.png‎

686 KB
Loading

‎src/App.tsx‎

Lines changed: 44 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,49 @@ function App() {
1010
<Heading />
1111

1212
<div className="max-w-[1200px] mx-auto">
13+
<a href="https://studio.metacity.cc">
14+
<div className="flex flex-row flex-wrap mx-4 rounded-3xl shadow-lg">
15+
<img
16+
src="studio3.png"
17+
className="block w-[100%] md:w-[50%] object-cover md:rounded-l-3xl md:rounded-tr-none rounded-t-3xl"
18+
/>
19+
<img
20+
src="studio.png"
21+
className="block w-[100%] md:w-[50%] object-cover md:rounded-r-3xl md:rounded-bl-none rounded-b-3xl"
22+
/>
23+
</div>
24+
</a>
25+
</div>
26+
<div className="max-w-[1000px] mx-auto mt-10 md:mt-20 text-2xl md:text-3xl">
27+
<p className="mx-4 leading-normal text-neutral-400">
28+
We are a Prague-based division of{' '}
29+
<a href="https://stdio.cz" className="border-b">
30+
st.dio
31+
</a>{' '}
32+
programmers focused on{' '}
33+
<span className="text-neutral-700">spatial data visualization</span> and{' '}
34+
<span className="text-neutral-700">interactive simulation</span> on the web.
35+
</p>
36+
<div className="mx-4 mt-8 leading-normal text-neutral-400 flex flex-row flex-wrap items-center border-t pt-8">
37+
<div className="text-neutral-400 mr-4">Partners:</div>
38+
<a href="https://www.cesnet.cz">
39+
<img
40+
src="cesnet.svg"
41+
alt="cesnet"
42+
className="max-w-[100px] brightness-0 opacity-50"
43+
/>
44+
</a>
45+
<a href="http://oncue.design">
46+
<img
47+
src="ocdLogo.png"
48+
alt="oncue.design"
49+
className="max-w-[100px] brightness-0 opacity-50"
50+
/>
51+
</a>
52+
</div>
53+
</div>
54+
55+
<div className="max-w-[1200px] mx-auto mt-8 md:mt-16">
1356
<a href="https://demo.metacity.cc">
1457
<div className="flex flex-row flex-wrap mx-4 rounded-3xl shadow-lg">
1558
<img
@@ -30,26 +73,6 @@ function App() {
3073
/>
3174
</div>
3275
</a>
33-
<div className="max-w-[1000px] mx-auto mt-10 md:mt-20 text-2xl md:text-3xl">
34-
<p className="mx-4 leading-normal text-neutral-400">
35-
We are a Prague-based division of{' '}
36-
<a href="https://stdio.cz" className="border-b">
37-
st.dio
38-
</a>{' '}
39-
programmers focused on{' '}
40-
<span className="text-neutral-700">spatial data visualization</span> and{' '}
41-
<span className="text-neutral-700">interactive simulation</span> on the web.
42-
Check out our{' '}
43-
<a href="https://demo.metacity.cc" className="border-b">
44-
demo visualization projects
45-
</a>{' '}
46-
or our open code at{' '}
47-
<a href="https://github.com/metacitytools" className="border-b">
48-
GitHub
49-
</a>
50-
.
51-
</p>
52-
</div>
5376
</div>
5477

5578
<div className="max-w-[1000px] mx-auto mt-10 md:mt-20">
@@ -78,24 +101,9 @@ function App() {
78101
</div>
79102
</div>
80103

81-
<div className="border-t py-8 mt-20 bg-neutral-100">
104+
<div className="border-t py-8 mt-20 bg-white">
82105
<div className="max-w-[1000px] m-auto">
83106
<div className="mx-4 text-sm">
84-
<div className="">
85-
<div className="text-neutral-400 pb-4">Partners</div>
86-
<div className="flex flex-row brightness-0 opacity-50">
87-
<a href="https://www.cesnet.cz">
88-
<img src="cesnet.svg" alt="cesnet" className="max-w-[100px]" />
89-
</a>
90-
<a href="http://oncue.design">
91-
<img
92-
src="ocdLogo.png"
93-
alt="oncue.design"
94-
className="max-w-[100px]"
95-
/>
96-
</a>
97-
</div>
98-
</div>
99107
<div className="text-neutral-700 my-4 flex flex-row justify-between">
100108
<div>&copy; 2023 st.dio s.r.o. All rights reserved, www.stdio.cz</div>
101109
<div className="text-neutral-400">Website version v{APP_VERSION}</div>

‎src/Heading.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export function Heading() {
2929
<div className="bg-white text-3xl md:text-4xl lg:text-5xl mx-4 z-100 relative">
3030
<p className="leading-normal">
3131
<span className="font-black">Metacity</span> offers tools and services for urban
32-
data processing and visualization
32+
data processing and visualization.
3333
</p>
3434
<p className="mt-8">
3535
<a href="mailto:metacity@stdio.cz" className="font-black border-b-2">

0 commit comments

Comments
 (0)