Add static file, change eifel tower to my avatar

This commit is contained in:
Cadey Ratio 2016-12-16 20:07:34 -08:00
parent 7c4d531493
commit 0dd6f1c40b
8 changed files with 153 additions and 5 deletions

View File

@ -110,6 +110,7 @@ func main() {
http.Error(w, "Not Found", http.StatusNotFound) http.Error(w, "Not Found", http.StatusNotFound)
}) })
http.Handle("/dist/", http.FileServer(http.Dir("./frontend/static/"))) http.Handle("/dist/", http.FileServer(http.Dir("./frontend/static/")))
http.Handle("/static/", http.FileServer(http.Dir(".")))
http.HandleFunc("/", writeIndexHTML) http.HandleFunc("/", writeIndexHTML)
log.Fatal(http.ListenAndServe(":9090", nil)) log.Fatal(http.ListenAndServe(":9090", nil))

View File

@ -61,7 +61,7 @@ post (Post state) =
div div
[ className "col s6" ] [ className "col s6" ]
[ div [ div
[ className "card pink lighten-4" ] [ className "card pink lighten-5" ]
[ div [ div
[ className "card-content black-text" ] [ className "card-content black-text" ]
[ span [ className "card-title" ] [ text state.title ] [ span [ className "card-title" ] [ text state.title ]
@ -70,7 +70,7 @@ post (Post state) =
, span [] [ text state.summary ] , span [] [ text state.summary ]
] ]
, div , div
[ className "card-action pink" ] [ className "card-action pink lighten-5" ]
[ link state.link [] [ text "Read More" ] ] [ link state.link [] [ text "Read More" ] ]
] ]
] ]

View File

@ -9,8 +9,9 @@ import DOM (DOM)
import Network.HTTP.Affjax (AJAX) import Network.HTTP.Affjax (AJAX)
import Prelude (($), (#), map, pure) import Prelude (($), (#), map, pure)
import Pux (EffModel, noEffects, mapEffects, mapState) import Pux (EffModel, noEffects, mapEffects, mapState)
import Pux.Html (Html, a, code, div, h1, h3, h4, li, nav, p, pre, text, ul) import Pux.Html as H
import Pux.Html.Attributes (classID, className, id_, role, href) import Pux.Html (style, Html, a, code, div, h1, h2, h3, h4, li, nav, p, pre, text, ul, img, span)
import Pux.Html.Attributes (classID, className, id_, role, href, src, rel)
import Pux.Router (link) import Pux.Router (link)
data Action data Action
@ -116,9 +117,47 @@ contact =
] ]
] ]
index :: Html Action
index =
div
[ className "row panel" ]
[ H.link [ rel "stylesheet", href "/static/css/about/main.css" ] []
, div
[ className "col m4 bg_blur valign-wrapper center-align" ]
[ div
[ className "valign center-align fb_wrap" ]
[ link "/contact"
[ className "btn follow_btn" ]
[ text "Contact Me" ]
]
]
, div
[ className "col m8" ]
[ div
[ className "header" ]
[ h1 [] [ text "Christine Dodrill" ]
, h4 [] [ text "Rockstar Hacker, Freelance Programmer, Gopher, Cloud Architect" ]
, span [] [ text "I am a GitHub power user. I am constantly learning new languages and tools. I strongly believe in knowing many languages and ways to do things so I can pick the right tool for the job." ]
, h2 [] [ text "Skills" ]
, ul
[]
[ li [] [ text "Go, Moonscript, Lua, Python, C, Nim, Haskell" ]
, li [] [ text "Docker deployments" ]
, li [] [ text "Research, Development and Experimentation" ]
]
, h2 [] [ text "Side Projects" ]
, ul
[]
[ li [] [ text "Real-time globally distributed chat server maintenance" ]
, li [] [ text "Mashups of chat, video and music" ]
]
]
]
]
page :: Route -> State -> Html Action page :: Route -> State -> Html Action
page NotFound _ = h1 [] [ text "not found" ] page NotFound _ = h1 [] [ text "not found" ]
page Home state = map Child $ Counter.view state.count page Home _ = index
page Resume state = h1 [] [ text "Christine Dodrill" ] page Resume state = h1 [] [ text "Christine Dodrill" ]
page BlogIndex state = map BIChild $ BlogIndex.view state.bistate page BlogIndex state = map BIChild $ BlogIndex.view state.bistate
page (BlogPost _) state = map BEChild $ BlogEntry.view state.bestate page (BlogPost _) state = map BEChild $ BlogEntry.view state.bestate

View File

@ -8,6 +8,7 @@
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<link rel="stylesheet" href="/static/css/main.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

104
static/css/about/main.css Normal file
View File

@ -0,0 +1,104 @@
img.textwrap-right {
float: right;
margin: 10px;
}
.well {
margin-top:-20px;
text-align:center;
cursor:pointer;
font-size: 25px;
padding: 15px;
border-radius: 0px !important;
}
.well:hover {
margin-top:-20px;
border:2px solid black;
text-align:center;
cursor:pointer;
font-size: 25px;
padding: 15px;
border-radius: 0px !important;
}
.bg_blur
{
background-image:url('/static/img/avatar.png');
height: 512px;
background-size: cover;
overflow: visible;
}
.fb_wrap {
margin: 0 auto;
padding: 10px;
}
.follow_btn {
text-decoration: none;
height: 20%;
padding: 10px;
background-color: #E5B7CE;
padding-top: 6px;
color: #fff;
text-align: center;
font-size: 20px;
opacity: 1.0;
}
.follow_btn:hover {
text-decoration: none;
background-color: #FE9ACD;
padding: 10px;
padding-top: 6px;
color: #fff;
text-align: center;
font-size: 20px;
border: 4px solid rgba(255, 255, 255, 0.8);
}
.header{
color : #808080;
margin-left:10%;
margin-top:70px;
}
.picture{
height:150px;
width:150px;
top: 75px;
left:-75px;
float: left;
}
.picture_mob{
position: absolute;
width: 35%;
left: 35%;
bottom: 70%;
}
.btn-style{
color: #fff;
background-color: #007FBE;
border-color: #adadad;
width: 33.3%;
}
.btn-style:hover {
color: #333;
background-color: #3D5DE0;
border-color: #adadad;
width: 33.3%;
}
@media (max-width: 767px) {
.header{
text-align : center;
}
.nav{
margin-top : 30px;
}
}

3
static/css/main.css Normal file
View File

@ -0,0 +1,3 @@
body {
background-color: #FFCCE6;
}

BIN
static/img/about/tower.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

BIN
static/img/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB