Skip to content

Commit 6201f6c

Browse files
anderssvendalanderssvendal
committed
Make it prettier
1 parent 371a821 commit 6201f6c

11 files changed

Lines changed: 126 additions & 18 deletions

File tree

‎app/assets/stylesheets/application.css‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,3 +13,53 @@
1313
*= require_tree .
1414
*= require_self
1515
*/
16+
17+
body {
18+
padding: 30px 20px;
19+
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; ;
20+
}
21+
22+
a {
23+
color: inherit;
24+
}
25+
26+
a:hover {
27+
text-decoration: none;
28+
}
29+
30+
h1 {
31+
font-size: 30px;
32+
font-weight: bold;
33+
margin-bottom: 30px;
34+
}
35+
36+
.content {
37+
max-width: 600px;
38+
margin: 0 auto;
39+
}
40+
41+
.programming-language-list {
42+
43+
}
44+
45+
.programming-language-list-item {
46+
margin-bottom: 20px;
47+
}
48+
49+
.programming-language-list-item a {
50+
display: block;
51+
background: #f1f3f5;
52+
border-radius: 5px;
53+
padding: 20px;
54+
text-decoration: none;
55+
}
56+
57+
.programming-language-list-item a:hover {
58+
background: #dee2e6;
59+
}
60+
61+
article p {
62+
font-size: 20px;
63+
line-height: 1.3;
64+
margin-bottom: 20px;
65+
}

‎app/assets/stylesheets/reset.css‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
/* http://meyerweb.com/eric/tools/css/reset/
2+
v2.0 | 20110126
3+
License: none (public domain)
4+
*/
5+
6+
html, body, div, span, applet, object, iframe,
7+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
8+
a, abbr, acronym, address, big, cite, code,
9+
del, dfn, em, img, ins, kbd, q, s, samp,
10+
small, strike, strong, sub, sup, tt, var,
11+
b, u, i, center,
12+
dl, dt, dd, ol, ul, li,
13+
fieldset, form, label, legend,
14+
table, caption, tbody, tfoot, thead, tr, th, td,
15+
article, aside, canvas, details, embed,
16+
figure, figcaption, footer, header, hgroup,
17+
menu, nav, output, ruby, section, summary,
18+
time, mark, audio, video {
19+
margin: 0;
20+
padding: 0;
21+
border: 0;
22+
font-size: 100%;
23+
font: inherit;
24+
vertical-align: baseline;
25+
}
26+
/* HTML5 display-role reset for older browsers */
27+
article, aside, details, figcaption, figure,
28+
footer, header, hgroup, menu, nav, section {
29+
display: block;
30+
}
31+
body {
32+
line-height: 1;
33+
}
34+
ol, ul {
35+
list-style: none;
36+
}
37+
blockquote, q {
38+
quotes: none;
39+
}
40+
blockquote:before, blockquote:after,
41+
q:before, q:after {
42+
content: '';
43+
content: none;
44+
}
45+
table {
46+
border-collapse: collapse;
47+
border-spacing: 0;
48+
}

‎app/views/layouts/application.html.erb‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@
1111
</head>
1212

1313
<body>
14-
<%= yield %>
14+
<div class="content">
15+
<%= yield %>
16+
</div>
1517
</body>
1618
</html>

‎app/views/programming_languages/assembly.html.slim‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ name: Assembly
33
first_introduced: 1947
44
---
55

6-
h1 Assembly
7-
P In computer programming, assembly language, often referred to simply as assembly and commonly abbreviated as ASM or asm, is any low-level programming language with a very strong correspondence between the instructions in the language and the architecture's machine code instructions.
6+
article
7+
h1 Assembly
8+
P In computer programming, assembly language, often referred to simply as assembly and commonly abbreviated as ASM or asm, is any low-level programming language with a very strong correspondence between the instructions in the language and the architecture's machine code instructions.

‎app/views/programming_languages/c.html.slim‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ name: C
33
first_introduced: 1972
44
---
55

6-
h1 C
7-
p C is a general-purpose computer programming language. It was created in the 1970s by Dennis Ritchie, and remains very widely used and influential. By design, C's features cleanly reflect the capabilities of the targeted CPUs. It has found lasting use in operating systems, device drivers, and protocol stacks, but its use in application software has been decreasing.
6+
article
7+
h1 C
8+
p C is a general-purpose computer programming language. It was created in the 1970s by Dennis Ritchie, and remains very widely used and influential. By design, C's features cleanly reflect the capabilities of the targeted CPUs. It has found lasting use in operating systems, device drivers, and protocol stacks, but its use in application software has been decreasing.

‎app/views/programming_languages/crystal.html.slim‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ name: Crystal
33
first_introduced: 2014
44
---
55

6-
h1 Crystal
7-
P Crystal is a high-level general-purpose, object-oriented programming language, designed and developed by Ary Borenszweig, Juan Wajnerman, Brian Cardiff and more than 400 contributors. With syntax inspired by the language Ruby, it is a compiled language with static type-checking, but specifying the types of variables or method arguments is generally unneeded. Types are resolved by an advanced global type inference algorithm.
6+
article
7+
h1 Crystal
8+
P Crystal is a high-level general-purpose, object-oriented programming language, designed and developed by Ary Borenszweig, Juan Wajnerman, Brian Cardiff and more than 400 contributors. With syntax inspired by the language Ruby, it is a compiled language with static type-checking, but specifying the types of variables or method arguments is generally unneeded. Types are resolved by an advanced global type inference algorithm.

‎app/views/programming_languages/index.html.slim‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
h1 Programming languages:
22

3-
ol
3+
ol.programming-language-list
44
- programming_languages.each do |programming_language|
5-
li
6-
= link_to(programming_language.name, programming_language.path)
5+
li.programming-language-list-item
6+
= link_to(programming_language.path) do
7+
.name= programming_language.name

‎app/views/programming_languages/lisp.html.slim‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ name: Lisp
33
first_introduced: 1960
44
---
55

6-
h1 Lisp
7-
p Lisp (historically LISP, an abbreviation of "list processing") is a family of programming languages with a long history and a distinctive, fully parenthesized prefix notation. Originally specified in 1960, Lisp is the third-oldest high-level programming language still in common use, after Fortran and COBOL. Lisp has changed since its early days, and many dialects have existed over its history. Today, the best-known general-purpose Lisp dialects are Common Lisp, Scheme, Racket, and Clojure.
6+
article
7+
h1 Lisp
8+
p Lisp (historically LISP, an abbreviation of "list processing") is a family of programming languages with a long history and a distinctive, fully parenthesized prefix notation. Originally specified in 1960, Lisp is the third-oldest high-level programming language still in common use, after Fortran and COBOL. Lisp has changed since its early days, and many dialects have existed over its history. Today, the best-known general-purpose Lisp dialects are Common Lisp, Scheme, Racket, and Clojure.

‎app/views/programming_languages/ruby.html.slim‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ name: Ruby
33
first_introduced: 1995
44
---
55

6-
h1 Ruby
7-
p Ruby is an interpreted, high-level, general-purpose programming language which supports multiple programming paradigms. It was designed with an emphasis on programming productivity and simplicity. In Ruby, everything is an object, including primitive data types. It was developed in the mid-1990s by Yukihiro "Matz" Matsumoto in Japan.
6+
article
7+
h1 Ruby
8+
p Ruby is an interpreted, high-level, general-purpose programming language which supports multiple programming paradigms. It was designed with an emphasis on programming productivity and simplicity. In Ruby, everything is an object, including primitive data types. It was developed in the mid-1990s by Yukihiro "Matz" Matsumoto in Japan.

‎app/views/programming_languages/smalltalk.html.slim‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,6 @@ name: Smalltalk
33
first_introduced: 1972
44
---
55

6-
h1 Smalltalk
7-
p Smalltalk is a purely object oriented programming language (OOP) that was originally created in the 1970s for educational use, specifically for constructionist learning, but later found use in business. It was created at Xerox PARC by Learning Research Group (LRG) scientists, including Alan Kay, Dan Ingalls, Adele Goldberg, Ted Kaehler, Diana Merry, and Scott Wallace.
6+
article
7+
h1 Smalltalk
8+
p Smalltalk is a purely object oriented programming language (OOP) that was originally created in the 1970s for educational use, specifically for constructionist learning, but later found use in business. It was created at Xerox PARC by Learning Research Group (LRG) scientists, including Alan Kay, Dan Ingalls, Adele Goldberg, Ted Kaehler, Diana Merry, and Scott Wallace.

0 commit comments

Comments
 (0)