letters-languages.patch

diff --git a/src/Contents.elm b/src/Contents.elm
index 48fde68..dc0cbe3 100644
--- a/src/Contents.elm
+++ b/src/Contents.elm
@@ -33,6 +33,55 @@ githubLinkData =
     }
 
 
+languages =
+    [ { label = "OCaml"
+      , rot = 15
+      , scale = 1
+      , translate = ( 0, -25 )
+      }
+    , { label = "SML"
+      , rot = -15
+      , scale = 0.95
+      , translate = ( -50, 0 )
+      }
+    , { label = "Erlang"
+      , rot = -5
+      , scale = 1.2
+      , translate = ( -20, 0 )
+      }
+    , { label = "F#"
+      , rot = -2
+      , scale = 1.4
+      , translate = ( 0, -20 )
+      }
+    , { label = "Clojure"
+      , rot = -7
+      , scale = 1.18
+      , translate = ( 0, 0 )
+      }
+    , { label = "Elm Lang"
+      , rot = 15
+      , scale = 1.4
+      , translate = ( 0, 0 )
+      }
+    , { label = "Scala"
+      , rot = -20
+      , scale = 1.2
+      , translate = ( 0, -30 )
+      }
+    , { label = "Lisp"
+      , rot = -4
+      , scale = 1.3
+      , translate = ( -40, 20 )
+      }
+    , { label = "Haskell"
+      , rot = 10
+      , scale = 1.5
+      , translate = ( -30, 0 )
+      }
+    ]
+
+
 projects =
     { title = "Projetos Atuais"
     , content =
diff --git a/src/Elements.elm b/src/Elements.elm
index 5934c5b..97decb0 100644
--- a/src/Elements.elm
+++ b/src/Elements.elm
@@ -35,6 +35,10 @@ lambdaLogoMedium =
     lambdaLogo 44
 
 
+lambdaLogoSmall =
+    lambdaLogo 18
+
+
 contentWrapper =
     styled div
         [ borderPink ]
diff --git a/src/Main.elm b/src/Main.elm
index 7198fec..fa9e106 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -11,6 +11,7 @@ import Elements
         , headerTitle
         , lambdaLogoLarge
         , lambdaLogoMedium
+        , lambdaLogoSmall
         , linkDefault
         , linkText
         , navigationIcon
@@ -25,6 +26,10 @@ import StyleGuide as Theme
 import Styles exposing (backgroundStyle, paddingLarge, textMedium)
 
 
+
+-- TODO: refactor this module
+
+
 globalCss =
     global
         [ body
@@ -91,10 +96,36 @@ homeSection =
         ]
 
 
+languageWrapper ({ label, rot } as lang) =
+    let
+        ( tx, ty ) =
+            lang.translate
+    in
+    div
+        [ css
+            [ color Theme.colors.language
+            , transforms [ rotate (deg rot), scale lang.scale, translate2 (px tx) (px ty) ]
+            , fontSize Theme.textSize.large
+            , Styles.font
+            ]
+        ]
+        [ text label ]
+
+
 languagesSection =
     section
-        [ css [ Css.height (rem 8) ] ]
-        []
+        [ css
+            [ Css.height (rem 8)
+            , displayFlex
+            , padding2 (rem 12) (rem 2)
+            , maxWidth (px 1440)
+            , overflow Css.hidden
+            , Css.width (pct 100)
+            ]
+        ]
+        [ div [ css [ padding2 (rem 0) (rem 4) ] ] [ lambdaLogoSmall ]
+        , div [ css [ minWidth (px 1366), displayFlex, flex (int 1), justifyContent spaceBetween ] ] (List.map languageWrapper Contents.languages)
+        ]
 
 
 repositoriesList =
diff --git a/src/StyleGuide.elm b/src/StyleGuide.elm
index be573f5..22523f7 100644
--- a/src/StyleGuide.elm
+++ b/src/StyleGuide.elm
@@ -9,6 +9,7 @@ colors =
     , icon = hex "ffffff"
     , background = hex "000000"
     , combinator = hex "36223A"
+    , language = hex "C770D5"
     , pink = hex "d872e9"
     , footer = hex "1C1C1C"
     }