Added Stopmotion Animation Links

This commit is contained in:
elvistony 2023-07-23 15:44:46 +01:00
parent 565252de52
commit f5b2d720c7
22 changed files with 147 additions and 177 deletions

1
.github/FUNDING.yml vendored
View file

@ -1 +0,0 @@
github: ['wowthemesnet']

View file

@ -5,6 +5,6 @@ permalink: /404.html
---
<div class="text-center">
<h1 class="mt-5"><span class="badge badge-dark font-weight-normal">404</span></h1>
<h1 class="display-1 mt-4 mb-4"> Page not found!</h1>
<p>Please use the search bar from the bottom left or visit our <a href="{{site.baseurl}}/">homepage</a>!</p>
<h1 class="display-4 mt-4 mb-4"> Oops, Page not found!</h1>
<!-- <p>Please use the search bar from the bottom left or visit our <a href="{{site.baseurl}}/">homepage</a>!</p> -->
</div>

View file

@ -1,21 +0,0 @@
The MIT License (MIT)
Copyright (c) 2021 wowthemesnet
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

View file

@ -1,5 +0,0 @@
# Affiliates - Free Jekyll Theme
[Live Demo](https://wowthemesnet.github.io/affiliates-jekyll-theme/) | [Docs & Download](https://bootstrapstarter.com/template-affiliates-bootstrap-jekyll/) | [Buy me a coffee](https://www.wowthemes.net/donate/)
![jekyll-affiliates-theme](https://bootstrapstarter.com/assets/img/themes/affiliates-jekyll.jpg)

View file

@ -1,7 +1,7 @@
title: "Showcase | Code Ninjas Langley"
email: showcase@codeninjaslangley.co.uk
timezone: UTC
baseurl: "/"
baseurl: ""
permalink: "/:categories/:title/"
logo: 'assets/images/favicon.png'
favicon: 'assets/images/favicon.png'
@ -32,12 +32,12 @@ authors:
web: https://www.wowthemes.net/category/jekyll-themes/
twitter: https://twitter.com/wowthemesnet
description: ""
camp_23:
camp:
name: Camps
display_name: Dojo Camps
avatar: 'assets/images/john.png'
display_name: Camps
avatar: 'assets/images/favicon.png'
email: camps@codeninjaslangley.co.uk
description: "This is the author box. Write a short description of the author here. You are currently previewing Affiliates theme demo, a Jekyll template compatible with Github pages."
description: "Content created by kids in our creative and fun camps that are held during the summer and all year round!"
ninjas:
name: Ninjas
display_name: Ninjas
@ -47,8 +47,8 @@ authors:
# Social
social:
instagram: https://www.instagram.com/bootstrapstarter/
facebook: https://www.facebook.com/bootstrapstartercom-346329609045284
instagram: https://www.instagram.com/codeninjaslangley
facebook: https://www.facebook.com/CodeNinjasLangley
twitter: https://twitter.com/bstartercom
# Plugins

View file

@ -23,12 +23,16 @@ footermenu:
- title: Home
url: ""
- title: Code Ninjas Dojo
url: "https://codeninjaslangley.co.uk"
external: true
- title: Privacy Policy
url: "privacy-policy/"
- title: Contact
url: "contact/"
- title: Download
url: https://bootstrapstarter.com/template-affiliates-bootstrap-jekyll/
- title: YouTube Channel
url: https://www.youtube.com/channel/UC_TJJk5_k-uc40hqWIViOAQ
external: true

View file

@ -17,13 +17,13 @@
{% if jekyll.environment == "production" %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{site.ganalytics}}"></script>
<script>
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id={{site.ganalytics}}"></script> -->
<!-- <script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{site.ganalytics}}');
</script>
</script> -->
{% endif %}
</head>
@ -51,11 +51,11 @@ gtag('config', '{{site.ganalytics}}');
<span class="ml-3 text-muted small">Follow</span>
<a class="d-inline-block social-icon" target="_blank" href="{{site.social.twitter}}">
<!-- <a class="d-inline-block social-icon" target="_blank" href="{{site.social.twitter}}">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</a>
</a> -->
<a class="d-inline-block social-icon" target="_blank" href="{{site.social.instagram}}">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">

View file

@ -81,7 +81,8 @@ post_class: post-template
<img class="author-thumb" src="{{site.baseurl}}/{{author.avatar}}" alt="{{ author.display_name }}">
</div>
<div class="col-md-10">
<a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a><a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a>
<a target="_blank" class="link-dark" href="{{ author.web }}">{{ author.display_name }}</a>
<!-- <a target="_blank" href="{{ author.twitter }}" class="btn follow">Follow</a> -->
<span class="author-description">{{ author.description }}</span>
</div>
</div>

View file

@ -1,18 +0,0 @@
---
layout: post
title: "Tree of Codes"
author: ninjas
categories: [ camps ]
image: assets/images/2.jpg
---
The first mass-produced book to deviate from a rectilinear format, at least in the United States, is thought to be this 1863 edition of Red Riding Hood, cut into the shape of the protagonist herself with the troublesome wolf curled at her feet. Produced by the Boston-based publisher Louis Prang, this is the first in their “Doll Series”, a set of five “die-cut” books, known also as shape books — the other titles being Robinson Crusoe, Goody Two-Shoes (also written by Red Riding Hood author Lydia Very), Cinderella, and King Winter.
As for this particular rendition of Charles Perraults classic tale, the text and design is by Lydia Very (1823-1901), sister of Transcendentalist poet Jones Very. The gruesome ending of the original — which sees Little Red Riding Hood being gobbled up as well as her grandmother — is avoided here, the gore giving way to the less bloody aims of the morality tale, and the lesson that one should not disobey ones mother.
> It would seem the claim could also extend to die cut books in general, as we cant find anything sooner, but do let us know in the comments if you have further light to shed on this! Such books are, of course, still popular in childrens publishing today, though the die cutting is not now limited to mere outlines, as evidenced in a beautiful 2014 version of the same Little Red Riding Hood story.
An 1868 Prang catalogue would later claim that such “books in the shape of a regular paper Doll… originated with us”.
The die cut has also been employed in the non-juvenile sphere as well, a recent example being Jonathan Safran Foers ambitious Tree of Codes.

View file

@ -1,19 +0,0 @@
---
layout: post
title: "Is Intelligence Enough"
author: sal
categories: [ Jekyll, tutorial ]
image: assets/images/5.jpg
---
Education must also train one for quick, resolute and effective thinking. To think incisively and to think for one's self is very difficult.
> We are prone to let our mental life become invaded by legions of half truths, prejudices, and propaganda. At this point, I often wonder whether or not education is fulfilling its purpose. A great majority of the so-called educated people do not think logically and scientifically.
Even the press, the classroom, the platform, and the pulpit in many instances do not give us objective and unbiased truths. To save man from the morass of propaganda, in my opinion, is one of the chief aims of education. Education must enable one to sift and weigh evidence, to discern the true from the false, the real from the unreal, and the facts from the fiction.
The function of education, therefore, is to teach one to think intensively and to think critically. But education which stops with efficiency may prove the greatest menace to society. The most dangerous criminal may be the man gifted with reason, but with no morals.
The late Eugene Talmadge, in my opinion, possessed one of the better minds of Georgia, or even America. Moreover, he wore the Phi Beta Kappa key. By all measuring rods, Mr. Talmadge could think critically and intensively; yet he contends that I am an inferior being. Are those the types of men we call educated?
We must remember that intelligence is not enough. Intelligence plus character--that is the goal of true education. The complete education gives one not only power of concentration, but worthy objectives upon which to concentrate. The broad education will, therefore, transmit to one not only the accumulated knowledge of the race but also the accumulated experience of social living.

View file

@ -1,26 +0,0 @@
---
layout: post
title: "Markdown Example"
author: john
categories: [ Jekyll, tutorial ]
image: assets/images/6.jpg
---
Youll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. Something.
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
Jekyll also offers powerful support for code snippets:
{% highlight ruby %}
def print_hi(name)
puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.
{% endhighlight %}
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekylls GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
[jekyll-docs]: http://jekyllrb.com/docs/home
[jekyll-gh]: https://github.com/jekyll/jekyll
[jekyll-talk]: https://talk.jekyllrb.com/

View file

@ -1,49 +0,0 @@
---
layout: post
title: "Powerful things you can do with the Markdown editor"
author: sal
categories: [ Jekyll, tutorial ]
image: assets/images/4.jpg
---
There are lots of powerful things you can do with the Markdown editor
If you've gotten pretty comfortable with writing in Markdown, then you may enjoy some more advanced tips about the types of things you can do with Markdown!
As with the last post about the editor, you'll want to be actually editing this post as you read it so that you can see all the Markdown code we're using.
## Special formatting
As well as bold and italics, you can also use some other special formatting in Markdown when the need arises, for example:
+ ~~strike through~~
+ ==highlight==
+ \*escaped characters\*
## Writing code blocks
There are two types of code elements which can be inserted in Markdown, the first is inline, and the other is block. Inline code is formatted by wrapping any word or words in back-ticks, `like this`. Larger snippets of code can be displayed across multiple lines using triple back ticks:
```
.my-link {
text-decoration: underline;
}
```
If you want to get really fancy, you can even add syntax highlighting using Rouge.
![walking]({{ site.baseurl }}/assets/images/3.jpg)
## Reference lists
The quick brown jumped over the lazy.
Another way to insert links in markdown is using reference lists. You might want to use this style of linking to cite reference material in a Wikipedia-style. All of the links are listed at the end of the document, so you can maintain full separation between content and its source or reference.
## Full HTML
Perhaps the best part of Markdown is that you're never limited to just Markdown. You can write HTML directly in the Markdown editor and it will just work as HTML usually does. No limits! Here's a standard YouTube embed code as an example:
<p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>

View file

@ -1,16 +0,0 @@
---
layout: post
title: "Red Riding Hood"
author: sal
categories: [ Jekyll, tutorial ]
image: assets/images/3.jpg
---
The first mass-produced book to deviate from a rectilinear format, at least in the United States, is thought to be this 1863 edition of Red Riding Hood, cut into the shape of the protagonist herself with the troublesome wolf curled at her feet. Produced by the Boston-based publisher Louis Prang, this is the first in their “Doll Series”, a set of five “die-cut” books, known also as shape books — the other titles being Robinson Crusoe, Goody Two-Shoes (also written by Red Riding Hood author Lydia Very), Cinderella, and King Winter.
An 1868 Prang catalogue would later claim that such “books in the shape of a regular paper Doll… originated with us”.
> It would seem the claim could also extend to die cut books in general, as we cant find anything sooner, but do let us know in the comments if you have further light to shed on this! Such books are, of course, still popular in childrens publishing today, though the die cutting is not now limited to mere outlines, as evidenced in a beautiful 2014 version of the same Little Red Riding Hood story.
The die cut has also been employed in the non-juvenile sphere as well, a recent example being Jonathan Safran Foers ambitious Tree of Codes.
As for this particular rendition of Charles Perraults classic tale, the text and design is by Lydia Very (1823-1901), sister of Transcendentalist poet Jones Very. The gruesome ending of the original — which sees Little Red Riding Hood being gobbled up as well as her grandmother — is avoided here, the gore giving way to the less bloody aims of the morality tale, and the lesson that one should not disobey ones mother.

View file

@ -2,7 +2,7 @@
layout: post
title: "Launch of Showcase"
categories: [ updates ]
image: assets/images/1.jpg
image: assets/images/5.jpg
---
We are thrilled to announce the grand launch of our brand-new platform, the "Ninja's Creators Hub"! 🎈 This exciting initiative is designed to showcase the incredible talent and creativity of the young minds in our dojo. We believe that nurturing creativity and providing a platform for expression are essential in shaping the future leaders and innovators of tomorrow.

View file

@ -0,0 +1,27 @@
---
layout: post
title: "Stop Motion Animation"
author: camp
categories: [ camps, "2023", sma ]
image: assets/images/1.jpg
---
# TEAM A
## Team Members:
- Jack
- Jane
## What is Stopmotion Animation?
Stop motion is an animated filmmaking technique in which objects are physically manipulated in small increments between individually photographed frames so that they will appear to exhibit independent motion or change when the series of frames is played back.
Here at Code Ninjas Langley, as part of our "Stopmotion Animation" Camp, our kids have created amazing content that we'd like to share.
## Production
Please check back after a while, the sensei is uploading the content to the hub.
<div style="width:100%">
<img src='/assets/images/upload-cat.gif' style="width:100%;padding:200px">
<div>
<!-- <p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p> -->

View file

@ -0,0 +1,22 @@
---
layout: post
title: "Stop Motion Animation"
author: camp
categories: [ camps, "2023", sma ]
image: assets/images/1.jpg
---
# TEAM B
## Team Members:
- Jack
- Jane
## What is Stopmotion Animation?
Stop motion is an animated filmmaking technique in which objects are physically manipulated in small increments between individually photographed frames so that they will appear to exhibit independent motion or change when the series of frames is played back.
Here at Code Ninjas Langley, as part of our "Stopmotion Animation" Camp, our kids have created amazing content that we'd like to share.
## Production
<p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>

View file

@ -0,0 +1,22 @@
---
layout: post
title: "Stop Motion Animation"
author: camp
categories: [ camps, "2023", sma ]
image: assets/images/1.jpg
---
# TEAM C
## Team Members:
- Jack
- Jane
## What is Stopmotion Animation?
Stop motion is an animated filmmaking technique in which objects are physically manipulated in small increments between individually photographed frames so that they will appear to exhibit independent motion or change when the series of frames is played back.
Here at Code Ninjas Langley, as part of our "Stopmotion Animation" Camp, our kids have created amazing content that we'd like to share.
## Production
<p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>

View file

@ -0,0 +1,22 @@
---
layout: post
title: "Stop Motion Animation"
author: camp
categories: [ camps, "2023", sma ]
image: assets/images/1.jpg
---
# TEAM D
## Team Members:
- Jack
- Jane
## What is Stopmotion Animation?
Stop motion is an animated filmmaking technique in which objects are physically manipulated in small increments between individually photographed frames so that they will appear to exhibit independent motion or change when the series of frames is played back.
Here at Code Ninjas Langley, as part of our "Stopmotion Animation" Camp, our kids have created amazing content that we'd like to share.
## Production
<p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>

View file

@ -0,0 +1,22 @@
---
layout: post
title: "Stop Motion Animation"
author: camp
categories: [ camps, "2023", sma ]
image: assets/images/1.jpg
---
# TEAM D
## Team Members:
- Jack
- Jane
## What is Stopmotion Animation?
Stop motion is an animated filmmaking technique in which objects are physically manipulated in small increments between individually photographed frames so that they will appear to exhibit independent motion or change when the series of frames is played back.
Here at Code Ninjas Langley, as part of our "Stopmotion Animation" Camp, our kids have created amazing content that we'd like to share.
## Production
<p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>

View file

@ -3,6 +3,6 @@ Don't want to use sass and simply modify the stylesheet in the old css fashion?
Just customize your theme here.
================================================== */
body {
.author-thumb{
border: none;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

View file

@ -12,8 +12,13 @@ permalink: /
<div class="row align-items-center justify-content-between">
<div class="col-md-6">
<h1 class="font-weight-bold mb-4 text-white serif-font">Showcase</h1>
<p class="lead mb-4 text-white">Our bright & creative ninjas have created masterpieces that are displayed here.</p>
<a href="{{site.baseurl}}/about" class="btn btn-light px-5 btn-lg">About me</a>
<h3 class="font-weight-bold text-white serif-font text-warning">Ninja's Creator Hub</h3>
<p class="lead mb-4 text-white">Our bright & creative ninjas have created masterpieces that are showcased here.</p>
<p class="text-white">
Haven't Heard about Code Ninjas? </br>
<a href="https://codeninjasuk.github.io" class="btn btn-light px-5 btn-lg">Learn more</a>
</p>
</div>
<div class="col-md-6 text-right pl-0 pl-lg-4">
<img class="intro" height="500" src="{{site.baseurl}}/assets/images/through-the-window.svg">