Skip to content

Commit 4e9057d

Browse files
RoyalIcingRoyalIcing
committed
Flesh out links page
1 parent 1230502 commit 4e9057d

File tree

6 files changed

+116
-1
lines changed

6 files changed

+116
-1
lines changed

‎apps/components_guide_web/assets/css/app.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,18 @@ html {
1010
@apply bg-gray-900;
1111
}
1212

13+
article a:hover {
14+
text-decoration: underline;
15+
}
16+
17+
.a\{font-bold\} a {
18+
font-weight: bold;
19+
}
20+
21+
input {
22+
outline: none;
23+
}
24+
1325
.container {
1426
@apply max-w-5xl mx-auto px-4;
1527
}

‎apps/components_guide_web/lib/components_guide_web/controllers/links_controller.ex

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
defmodule ComponentsGuideWeb.LinksController do
2+
use ComponentsGuideWeb, :controller
3+
4+
def index(conn, _params) do
5+
render(conn, "index.html")
6+
end
7+
end

‎apps/components_guide_web/lib/components_guide_web/router.ex

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,8 @@ defmodule ComponentsGuideWeb.Router do
1919

2020
get "/", LandingController, :index
2121

22+
get "/links", LinksController, :index
23+
2224
get "/swiftui", SwiftUIController, :index
2325
get "/react+typescript", ReactTypescriptController, :index
2426

‎apps/components_guide_web/lib/components_guide_web/templates/layout/_header.html.eex

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<li><a href="/links" class="block px-4 py-2 md:py-3 font-bold border-b-4 border-transparent hover:border-red-400"><%= "Links" %></a></li>
1010
<li><a href="/about" class="block px-4 py-2 md:py-3 font-bold border-b-4 border-transparent hover:border-red-400"><%= "About" %></a></li>
1111
<li class="py-1">
12-
<a href="/about" class="inline-block md:block px-4 py-2 md:py-2 font-bold text-white bg-red-700 rounded" style="background: linear-gradient(0deg, #E0003C 0%, #FF493F 50%, #FF584A 100%);">
12+
<a href="/signin/github" class="inline-block md:block px-4 py-2 md:py-2 font-bold text-white bg-red-700 rounded" style="background: linear-gradient(0deg, #E0003C 0%, #FF493F 50%, #FF584A 100%);">
1313
<%= "Sign in with GitHub" %>
1414
</a>
1515
</li>

‎apps/components_guide_web/lib/components_guide_web/templates/links/index.html.eex

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<div class="text-white bg-purple-600" style2="background: linear-gradient(-60deg, rgba(206,60,0,1) 0%, rgba(255,0,147,1) 50%, rgba(255,187,50,1) 100%);">
2+
<section class="container px-6 pt-12 pb-12">
3+
<h1 class="mx-auto max-w-4xl text-5xl text-center font-bold leading-tight text-shadow">
4+
<%= "Links to Talks, Articles & Courses" %>
5+
</h1>
6+
<div class="mt-8 px-4 text-center">
7+
<input class="mb-4 md:mr-2 block w-full md:inline-block md:w-2/5 p-2 text-2xl leading-tight text-black rounded-lg md:mb-0 border-4 border-white focus:border-purple-300">
8+
<a href="/signin/github" class="inline-block px-6 py-3 text-2xl leading-tight font-bold text-white bg-gray-900 rounded-lg">
9+
<%= "Suggest Link" %>
10+
</a>
11+
</div>
12+
</section>
13+
</div>
14+
15+
<div class="bg-white">
16+
<section class="container pt-8 text-2xl italic text-purple-600">
17+
<p>Fave the links you recommend. Create playlists and share with others.</p>
18+
</section>
19+
20+
<section class="container pt-8 pb-16 text-2xl">
21+
<article class="mb-8 text-orange-700 a{font-bold}">
22+
<h2 class="text-4xl leading-normal font-bold text-orange-800 border-b-4 border-orange-200">SwiftUI</h2>
23+
24+
<h3 class="mt-4 mb-2 text-2xl leading-normal italic">WWDC 2019</h3>
25+
<ul class="list-disc">
26+
<li><%= link "204: Introducing SwiftUI: Building Your First App", to: "https://developer.apple.com/videos/play/wwdc2019/204/" %></li>
27+
<li><%= link "216: SwiftUI Essentials", to: "https://developer.apple.com/videos/play/wwdc2019/216/" %></li>
28+
<li><%= link "226: Data Flow Through SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/226/" %></li>
29+
<li><%= link "231: Integrating SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/231/" %></li>
30+
<li><%= link "237: Building Custom Views with SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/237/" %></li>
31+
<li><%= link "240: SwiftUI On All Devices", to: "https://developer.apple.com/videos/play/wwdc2019/240/" %></li>
32+
<li><%= link "219: SwiftUI on watchOS", to: "https://developer.apple.com/videos/play/wwdc2019/219/" %></li>
33+
</ul>
34+
35+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Handy references</h3>
36+
<ul class="list-disc">
37+
<li><%= link "Gosh Darn SwiftUI: a curated list of questions and answers about SwiftUI", to: "https://goshdarnswiftui.com/" %></li>
38+
</ul>
39+
</article>
40+
41+
<article class="mb-8 text-red-700 a{font-bold}">
42+
<h2 class="text-4xl leading-normal font-bold text-red-800 border-b-4 border-red-200">Combine</h2>
43+
44+
<h3 class="mt-4 mb-2 text-2xl leading-normal italic">WWDC 2019</h3>
45+
<ul class="list-disc">
46+
<li><%= link "415: Modern Swift API Design", to: "https://developer.apple.com/videos/play/wwdc2019/415/" %></li>
47+
<li><%= link "722: Introducing Combine", to: "https://developer.apple.com/videos/play/wwdc2019/722/" %></li>
48+
<li><%= link "721: Combine in Practice", to: "https://developer.apple.com/videos/play/wwdc2019/721/" %></li>
49+
<li><%= link "712: Advances in Networking, Part 1", to: "https://developer.apple.com/videos/play/wwdc2019/712/" %></li>
50+
</ul>
51+
52+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Tools and libraries for Combine</h3>
53+
<ul class="list-disc">
54+
<li><%= link "Entwine: Testing tools and utilities for Apple's Combine framework.", to: "https://github.com/tcldr/Entwine" %></li>
55+
</ul>
56+
</article>
57+
58+
<article class="mb-8 text-blue-700 a{font-bold}">
59+
<h2 class="text-4xl leading-normal font-bold text-blue-800 border-b-4 border-blue-200">React</h2>
60+
61+
<h3 class="mt-4 mb-2 text-2xl leading-normal italic">Overreacted by Dan Abramov</h3>
62+
<ul class="list-disc">
63+
<li><%= link "204: Introducing SwiftUI: Building Your First App", to: "https://developer.apple.com/videos/play/wwdc2019/204/" %></li>
64+
<li><%= link "216: SwiftUI Essentials", to: "https://developer.apple.com/videos/play/wwdc2019/216/" %></li>
65+
<li><%= link "226: Data Flow Through SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/226/" %></li>
66+
<li><%= link "231: Integrating SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/231/" %></li>
67+
<li><%= link "237: Building Custom Views with SwiftUI", to: "https://developer.apple.com/videos/play/wwdc2019/237/" %></li>
68+
<li><%= link "240: SwiftUI On All Devices", to: "https://developer.apple.com/videos/play/wwdc2019/240/" %></li>
69+
<li><%= link "219: SwiftUI on watchOS", to: "https://developer.apple.com/videos/play/wwdc2019/219/" %></li>
70+
</ul>
71+
72+
<h3 class="mt-6 mb-2 text-2xl leading-normal italic">Tools and libraries for Combine</h3>
73+
<ul class="list-disc">
74+
<li><%= link "Entwine: Testing tools and utilities for Apple's Combine framework.", to: "https://github.com/tcldr/Entwine" %></li>
75+
</ul>
76+
</article>
77+
78+
<article class="mb-8">
79+
<h2 class="mb-2 text-4xl leading-normal text-teal-800">RxJS</h2>
80+
<p>
81+
What sort of components should be resuable? How granular should you go?
82+
</p>
83+
</article>
84+
<article class="mb-8">
85+
<h2 class="mb-2 text-4xl leading-normal text-teal-800">TypeScript</h2>
86+
<p>
87+
What sort of components should be resuable? How granular should you go?
88+
</p>
89+
</article>
90+
</section>
91+
</div>

‎apps/components_guide_web/lib/components_guide_web/views/links_view.ex

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
defmodule ComponentsGuideWeb.LinksView do
2+
use ComponentsGuideWeb, :view
3+
end

0 commit comments

Comments
 (0)