Skip to content

Commit d90fa5b

Browse files
LewisYoulLewisYoul
committed
feature/Add basic landing page
1 parent 55c5f2a commit d90fa5b

File tree

7 files changed

+174
-22
lines changed

7 files changed

+174
-22
lines changed

‎app/assets/stylesheets/_header.scss‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,6 @@
1616
margin-bottom: $topbar-margin;
1717
}
1818

19-
#header-nav-wrapper {
20-
box-shadow: 0 1px 4px lightgrey;
21-
}
22-
2319
#header-nav {
2420
max-width: 1080px;
2521
margin: 0 auto !important;

‎app/assets/stylesheets/themes/one-light.scss‎

Lines changed: 163 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,163 @@
1-
.CodeMirror.cm-s-one-light{color:#383a42;background-color:#fafafa}.cm-s-one-light .CodeMirror-selected{background-color:#c3c3c3}.cm-s-one-light .CodeMirror-gutter,.cm-s-one-light .CodeMirror-gutters{border:none;background-color:#fafafa}.cm-s-one-light .CodeMirror-linenumber,.cm-s-one-light .CodeMirror-linenumbers{color:#929292!important;background-color:transparent}.cm-s-one-light .CodeMirror-lines{color:#27292f!important;background-color:transparent}.cm-s-one-light .CodeMirror-cursor{border-left:2px solid #526fff!important}.cm-s-one-light .cm-header{color:#e45649}.cm-s-one-light .cm-quote{color:#a0a1a7;font-style:italic}.cm-s-one-light .cm-negative{color:#e45649}.cm-s-one-light .cm-positive{color:#e45649}.cm-s-one-light .cm-strong{color:#986801;font-weight:700}.cm-s-one-light .cm-header .cm-strong{color:#986801;font-weight:700}.cm-s-one-light .cm-em{color:#a626a4;font-style:italic}.cm-s-one-light .cm-header .cm-em{color:#a626a4;font-style:italic}.cm-s-one-light .cm-tag{color:#e45649}.cm-s-one-light .cm-attribute{color:#d19a66}.cm-s-one-light .cm-link{color:#4078f2;border-bottom:solid 1px #4078f2}.cm-s-one-light .cm-string.cm-url{color:#0184bc;border-bottom:solid 1px #0184bc}.cm-s-one-light .cm-builtin{color:#e45649}.cm-s-one-light .cm-keyword{color:#a626a4}.cm-s-one-light .cm-def{color:#4078f2}.cm-s-one-light .cm-atom{color:#d19a66}.cm-s-one-light .cm-number{color:#986801}.cm-s-one-light .cm-property{color:#4078f2}.cm-s-one-light .cm-qualifier{color:#986801}.cm-s-one-light .cm-variable{color:#e06c75}.cm-s-one-light .cm-variable-2{color:#e45649}.cm-s-one-light .cm-string{color:#50a14f}.cm-s-one-light .cm-punctuation{color:#383a42}.cm-s-one-light .cm-operator{color:#0184bc}.cm-s-one-light .cm-meta{color:#383a42}.cm-s-one-light .cm-bracket{color:#383a42}.cm-s-one-light .cm-comment{color:#a0a1a7;font-style:italic}.cm-s-one-light .cm-error{color:#e06c75}.cm-s-one-light .cm-m-css.cm-variable{color:#828997}.cm-s-one-light .cm-m-css.cm-property{color:#383a42}.cm-s-one-light .cm-m-css.cm-atom{color:#0184bc}.cm-s-one-light .cm-m-css.cm-builtin{color:#56b6c2}
1+
.CodeMirror.cm-s-one-light{
2+
color:#383a42;
3+
background-color:#c5ece5;
4+
}
5+
6+
.cm-s-one-light .CodeMirror-selected{
7+
background-color:#c3c3c3;
8+
}
9+
10+
.cm-s-one-light .CodeMirror-gutter,.cm-s-one-light .CodeMirror-gutters{
11+
border:none;
12+
background-color:#fafafa;
13+
}
14+
15+
.cm-s-one-light .CodeMirror-linenumber,.cm-s-one-light .CodeMirror-linenumbers{
16+
color:#929292!important;
17+
background-color:transparent;
18+
}
19+
20+
.cm-s-one-light .CodeMirror-lines{
21+
color:#27292f!important;
22+
background-color:transparent;
23+
}
24+
25+
.cm-s-one-light .CodeMirror-cursor{
26+
border-left:2px solid #526fff!important;
27+
}
28+
29+
.cm-s-one-light .cm-header{
30+
color:#e45649;
31+
}
32+
33+
.cm-s-one-light .cm-quote{
34+
color:#a0a1a7;
35+
font-style:italic;
36+
}
37+
38+
.cm-s-one-light .cm-negative{
39+
color:#e45649;
40+
}
41+
42+
.cm-s-one-light .cm-positive{
43+
color:#e45649;
44+
}
45+
46+
.cm-s-one-light .cm-strong{
47+
color:#986801;
48+
font-weight:700;
49+
}
50+
51+
.cm-s-one-light .cm-header .cm-strong{
52+
color:#986801;
53+
font-weight:700;
54+
}
55+
56+
.cm-s-one-light .cm-em{
57+
color:#a626a4;
58+
font-style:italic;
59+
}
60+
61+
.cm-s-one-light .cm-header .cm-em{
62+
color:#a626a4;
63+
font-style:italic;
64+
}
65+
66+
.cm-s-one-light .cm-tag{
67+
color:#e45649;
68+
}
69+
70+
.cm-s-one-light .cm-attribute{
71+
color:#d19a66;
72+
}
73+
74+
.cm-s-one-light .cm-link{
75+
color:#4078f2;
76+
border-bottom:solid 1px #4078f2;
77+
}
78+
79+
.cm-s-one-light .cm-string.cm-url{
80+
color:#0184bc;
81+
border-bottom:solid 1px #0184bc;
82+
}
83+
84+
.cm-s-one-light .cm-builtin{
85+
color:#e45649;
86+
}
87+
88+
.cm-s-one-light .cm-keyword{
89+
color:#a626a4;
90+
}
91+
92+
.cm-s-one-light .cm-def{
93+
color:#4078f2;
94+
}
95+
96+
.cm-s-one-light .cm-atom{
97+
color:#d19a66;
98+
}
99+
100+
.cm-s-one-light .cm-number{
101+
color:#986801;
102+
}
103+
104+
.cm-s-one-light .cm-property{
105+
color:#4078f2
106+
}
107+
108+
.cm-s-one-light .cm-qualifier{
109+
color:#986801;
110+
}
111+
112+
.cm-s-one-light .cm-variable{
113+
color:#e06c75;
114+
}
115+
116+
.cm-s-one-light .cm-variable-2{
117+
color:#e45649;
118+
}
119+
120+
.cm-s-one-light .cm-string{
121+
color:#50a14f;
122+
}
123+
124+
.cm-s-one-light .cm-punctuation{
125+
color:#383a42;
126+
}
127+
128+
.cm-s-one-light .cm-operator{
129+
color:#0184bc;
130+
}
131+
132+
.cm-s-one-light .cm-meta{
133+
color:#383a42;
134+
}
135+
136+
.cm-s-one-light .cm-bracket{
137+
color:#383a42;
138+
}
139+
140+
.cm-s-one-light .cm-comment{
141+
color:#a0a1a7;
142+
font-style:italic;
143+
}
144+
145+
.cm-s-one-light .cm-error{
146+
color:#e06c75;
147+
}
148+
149+
.cm-s-one-light .cm-m-css.cm-variable{
150+
color:#828997;
151+
}
152+
153+
.cm-s-one-light .cm-m-css.cm-property{
154+
color:#383a42;
155+
}
156+
157+
.cm-s-one-light .cm-m-css.cm-atom{
158+
color:#0184bc;
159+
}
160+
161+
.cm-s-one-light .cm-m-css.cm-builtin{
162+
color:#56b6c2;
163+
}

‎app/javascript/controllers/codemirror_controller.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import { Controller } from 'stimulus';
22
import CodeMirror from 'codemirror';
33
import 'codemirror/mode/meta.js'
4+
// import 'codemirror/theme/lucario.css'
45

56
export default class extends Controller {
67
static targets = ["wrapper", "mirror", "body", "description"];

‎app/views/unauthenticated/home/index.html.erb‎

Lines changed: 6 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,7 @@
2727
<nav class="relative flex items-center justify-between sm:h-10 md:justify-center" aria-label="Global">
2828
<div class="flex items-center flex-1 md:absolute md:inset-y-0 md:left-0">
2929
<div class="flex items-center justify-between w-full md:w-auto">
30-
<a href="#">
31-
<span class="sr-only">Workflow</span>
32-
<img class="h-8 w-auto sm:h-10" src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg" alt="">
33-
</a>
30+
<%= render partial: 'shared/icons/logo', locals: { width: 10, height: 10, color: 'text-cyan'} %>
3431
<div class="-mr-2 flex items-center md:hidden">
3532
<button type="button" class="bg-gray-50 rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-expanded="false">
3633
<span class="sr-only">Open main menu</span>
@@ -43,19 +40,12 @@
4340
</div>
4441
</div>
4542
<div class="hidden md:flex md:space-x-10">
46-
<a href="#" class="font-medium text-gray-500 hover:text-gray-900">Product</a>
47-
48-
<a href="#" class="font-medium text-gray-500 hover:text-gray-900">Features</a>
49-
50-
<a href="#" class="font-medium text-gray-500 hover:text-gray-900">Marketplace</a>
51-
52-
<a href="#" class="font-medium text-gray-500 hover:text-gray-900">Company</a>
43+
5344
</div>
5445
<div class="hidden md:absolute md:flex md:items-center md:justify-end md:inset-y-0 md:right-0">
5546
<span class="inline-flex rounded-md shadow">
56-
<a href="#" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:text-indigo-500">
57-
Log in
58-
</a>
47+
<%= button_to 'Log In', new_user_session_path, class: 'button--cta-tertiary mr-2' %>
48+
<%= button_to 'Sign Up', new_user_registration_path, class: 'button--cta-primary' %>
5949
</span>
6050
</div>
6151
</nav>
@@ -109,7 +99,7 @@
10999
<span class="block text-cyan">everyone is building</span>
110100
</h1>
111101
<p class="mt-3 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
112-
Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat aliqua.
102+
Create, file and share code snippets, and keep track of snippets others create.
113103
</p>
114104
</div>
115105
</div>
@@ -120,7 +110,7 @@
120110
<div class="flex-1 w-full bg-gray-800"></div>
121111
</div>
122112
<div class="max-w-7xl mx-auto px-4 sm:px-6">
123-
<img class="relative rounded-lg shadow-lg" src="https://tailwindui.com/img/component-images/top-nav-with-multi-column-layout-screenshot.jpg" alt="App screenshot">
113+
<img class="relative rounded-lg shadow-lg" src="/example.png" alt="App screenshot">
124114
</div>
125115
</div>
126116
</div>

‎config/routes.rb‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
devise_scope :user do
2020
authenticated do
21-
root 'home#index', as: :authenticated_root
21+
root 'home#index'
2222
end
2323

2424
unauthenticated do

‎public/example.png‎

149 KB
Loading

‎tailwind.config.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,9 @@ module.exports = {
1616
'plum': {
1717
DEFAULT: '#8F3985'
1818
},
19+
'code': {
20+
DEFAULT: '#282C34'
21+
}
1922
}
2023
},
2124
},

0 commit comments

Comments
 (0)