diff options
| -rw-r--r-- | .gitignore | 5 | ||||
| -rw-r--r-- | 404.html | 18 | ||||
| -rw-r--r-- | _config.yml | 33 | ||||
| -rw-r--r-- | _includes/footer.html | 3 | ||||
| -rw-r--r-- | _includes/heading.html | 8 | ||||
| -rw-r--r-- | _includes/navigator.html | 9 | ||||
| -rw-r--r-- | _layouts/post.html | 19 | ||||
| -rw-r--r-- | _posts/2018-11-13-new-website.md | 5 | ||||
| -rw-r--r-- | blog.html | 25 | ||||
| -rw-r--r-- | index.html | 27 | ||||
| -rw-r--r-- | scripts.js | 3 | ||||
| -rw-r--r-- | style.css | 121 |
12 files changed, 265 insertions, 11 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..fedb231 --- /dev/null +++ b/.gitignore @@ -0,0 +1,5 @@ +_site +.sass-cache +.jekyll-metadata +Gemfile +Gemfile.lock
\ No newline at end of file @@ -0,0 +1,18 @@ +--- +project: Andrew's Website +--- +<HTML> + <HEAD> + {% include heading.html %} + <TITLE>404 | Andrew's Website</TITLE> + </HEAD> +<BODY> + {% include navigator.html %} + <h1 class ="title">404</h1> + + <p class="center"><strong>Page not found :(</strong></p> + <p class="center"><b>Uh Oh!</b> The requested page could not be found.</p> + <p class="center">You may need to go back to the <a href ="/">homepage</a>.</p> + {% include footer.html %} +</BODY> +</HTML> diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..b7c0d4c --- /dev/null +++ b/_config.yml @@ -0,0 +1,33 @@ +# Welcome to Jekyll! +# +# This config file is meant for settings that affect your whole blog, values +# which you are expected to set up once and rarely edit after that. If you find +# yourself editing this file very often, consider using Jekyll's data files +# feature for the data you need to update frequently. +# +# For technical reasons, this file is *NOT* reloaded automatically when you use +# 'bundle exec jekyll serve'. If you change this file, please restart the server process. + +# Site settings +# These are used to personalize your new site. If you look in the HTML files, +# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on. +# You can create any custom variable you would like, and they will be accessible +# in the templates via {{ site.myvariable }}. +title: Andrew's Website +email: alee14498@gmail.com +description: >- # this means to ignore newlines until "baseurl:" + My personal website +# baseurl: "" # the subpath of your site, e.g. /blog +url: "http://alee14.ml" # the base hostname & protocol for your site, e.g. http://example.com + +# Build settings +markdown: kramdown +plugins: + - jekyll-feed + +# Exclude from processing. +# The following items will not be processed, by default. Create a custom list +# to override the default setting. +# exclude: +# - Gemfile +# - Gemfile.lock diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..c50c255 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,3 @@ +<div class="footer"> + <p>© Copyright 2018, Andrew Lee.</a></p> +</div> diff --git a/_includes/heading.html b/_includes/heading.html new file mode 100644 index 0000000..08ac248 --- /dev/null +++ b/_includes/heading.html @@ -0,0 +1,8 @@ +<link href="/style.css" type="text/css" rel="stylesheet"> +<script src="/jquery-3.3.1.min.js"></script> +<script src="/scripts.js"></script> +<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> +<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width"> +<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> diff --git a/_includes/navigator.html b/_includes/navigator.html new file mode 100644 index 0000000..d6fa974 --- /dev/null +++ b/_includes/navigator.html @@ -0,0 +1,9 @@ +<div id="navigation"> + <ul class="navbar"> + <li class="nav logo">Andrew's Website</li> + <li class="nav" {% if page.url == "/" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/">HOME</a></li> + <li class="nav" {% if page.url == "/project.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav"href="/project.html">PROJECTS</a></li> + <li class="nav" {% if page.url == "/blog.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/blog.html">BLOG</a></li> + <li class="nav" {% if page.url == "/about.html" %}style="background-color: #1f8e42;"{% endif %}><a class="nav" href="/about.html">ABOUT</a></li> + </ul> + </div>
\ No newline at end of file diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..c0c8602 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,19 @@ +--- +--- + +<HTML> + <HEAD> + {% include heading.html %} + <TITLE>{{ page.title }} | Andrew's Website Blog</TITLE> + </HEAD> +<BODY> + {% include navigator.html %} + + <h1>{{ page.title }}</h1> + <p><b>{{ page.date | date_to_string }} | By: {{ page.author }}</b></p> + + {{ content }} + + {% include footer.html %} +</BODY> +</HTML> diff --git a/_posts/2018-11-13-new-website.md b/_posts/2018-11-13-new-website.md new file mode 100644 index 0000000..d491528 --- /dev/null +++ b/_posts/2018-11-13-new-website.md @@ -0,0 +1,5 @@ +--- +layouts: post +author: Alee +--- +Hey there! Welcome to my new website it is still working progress!
\ No newline at end of file diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..15cb9f5 --- /dev/null +++ b/blog.html @@ -0,0 +1,25 @@ +--- +project: Andrew's Website +--- + +<HTML> + <HEAD> + {% include heading.html %} + <TITLE>Andrew's Website Blog</TITLE> + </HEAD> +<BODY> + {% include navigator.html %} + <h1>Latest Posts</h1> + +<ul> + {% for post in site.posts %} + <li class="list-blog"> + <h2><a href="{{ post.url }}">{{ post.title }}</a></h2> + <p><b>{{ post.date | date_to_string }} | By: {{ post.author }}</b></p> + <p>{{ post.excerpt }}</p> + </li> + {% endfor %} +</ul> + {% include footer.html %} +</BODY> +</HTML> @@ -1,10 +1,17 @@ -<html> - <head> - <title>Andrew's Website | Home</title> - <link href="./style.css" type="text/css" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> - </head> - <body> - <h1>Hello World!</h1> - </body> -</html> +--- +project: Andrew's Website +--- + +<HTML> + <HEAD> + {% include heading.html %} + <TITLE>Andrew's Website</TITLE> + </HEAD> +<BODY> + {% include navigator.html %} +<h1 class ="title">Andrew's Website</h1> + + + {% include footer.html %} +</BODY> +</HTML> diff --git a/scripts.js b/scripts.js new file mode 100644 index 0000000..10d1532 --- /dev/null +++ b/scripts.js @@ -0,0 +1,3 @@ +--- +--- +// This is blank yay... @@ -1,5 +1,124 @@ +@media screen and (max-width: 600px) { + .nav a:not(:first-child) {display: none;} + .nav a.icon { + float: right; + display: block; + } + } + + + @media screen and (max-width: 600px) { + .nav.responsive {position: relative;} + .nav.responsive a.icon { + position: absolute; + right: 0; + top: 0; + } + .nav.responsive a { + float: none; + display: block; + text-align: left; + } + } + body{ - font-family: 'Roboto', sans-serif, Arial; + font-family: 'Roboto', sans-serif; background: #333; + color: white +} +a { + color: white; +} +.iframe { + display: block; +} +.subtitle { + font-size: 40px; + text-align: center; +} + +.answer { + font-style: italic; + padding: 0; +} +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; color: white; + text-align: center; +} + +.title{ + font-size: 50px; + text-align: center; +} + +#title{ + border: solid white 5px; +} + +#navigation{ + padding-top: 0px; + padding-left: 0px; + padding-right: 0px; + padding-bottom: 15px; + margin: -1px; +} + +ul.navbar { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: black; +} + +li.list-blog{ + text-decoration: none; + display: block; +} + +li.logo{ + font-weight: bold; + color: white; +} +li.nav { + float: left; + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +a.nav{ + color: white; + text-decoration: none; +} + +li a:hover { + background-color: gray; +} + +.active { + background-color: #1f8e42; + color: white; +} + +.center { + text-align: center; +} + +.Question { + padding: 0; + +} + +.nav .icon { + display: none; } + + +
\ No newline at end of file |