Skip to content

Commit 4b1ced6

Browse files
create-issue-branch[bot]magdalenajadachMagdalena Jadach
authored
Create editor projects for web-intro path on staging (#173)
closes #172 Added two projects from pathway list: https://projects.raspberrypi.org/en/pathways/web-intro 1. Top 5 emojis https://projects.raspberrypi.org/en/projects/top-5-emoji-list 2. Anime expressions https://projects.raspberrypi.org/en/projects/anime-expressions Added each file from en/solutions folder --------- Co-authored-by: magdalenajadach <[email protected]> Co-authored-by: Magdalena Jadach <[email protected]>
1 parent 2e97f41 commit 4b1ced6

15 files changed

+983
-0
lines changed

‎lib/tasks/project_components/anime_expressions/annoyed.png

60.3 KB
Loading

‎lib/tasks/project_components/anime_expressions/candy.css

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
2+
/* Candy colour palette & fonts */
3+
4+
:root {
5+
--primary: #ebeaeb;
6+
--onprimary: #625d61;
7+
--secondary: #f5bdd5;
8+
--onsecondary: #1D3D58;
9+
--tertiary: #b5a9b2;
10+
--ontertiary: #422215;
11+
--page: #ffffff;
12+
--onpage: #000000;
13+
--detail: #e697b9;
14+
--detail2: #415a89;
15+
16+
--body-font: 1rem 'Verdana', sans-serif;
17+
--header-font: 3rem 'Fredoka One', cursive;
18+
--title-font: 2rem 'Fredoka One', cursive;
19+
--quote-font: lighter 1.5rem 'Chewy', cursive;
20+
}

‎lib/tasks/project_components/anime_expressions/default.css

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
2+
/* Set up colour palette and fonts using variables */
3+
4+
:root {
5+
--primary: #bccad0;
6+
--onprimary:#4f4e4e;
7+
--secondary: #495054;
8+
--onsecondary:#ffffff;
9+
--tertiary:#747474;
10+
--ontertiary: #ffffff;
11+
--page:#ffffff;
12+
--onpage:#000000;
13+
--detail: #9ba8ae;
14+
--detail2: #000000;
15+
16+
--body-font: 1rem Verdana, sans-serif;
17+
--header-font: lighter 3rem 'Luckiest Guy', cursive;
18+
--title-font: lighter 2rem 'Luckiest Guy', cursive;
19+
--quote-font: lighter 1.5rem 'Luckiest Guy', cursive;
20+
}

‎lib/tasks/project_components/anime_expressions/happy.png

61.4 KB
Loading

‎lib/tasks/project_components/anime_expressions/index.html

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
8+
<!-- Title shown in web browsers-->
9+
<title>Add a title here</title>
10+
11+
<!-- Import fonts from Google -->
12+
<link
13+
href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Mukta:wght@200&display=swap"
14+
rel="stylesheet"
15+
/>
16+
<link
17+
href="https://fonts.googleapis.com/css2?family=Bangers&display=swap"
18+
rel="stylesheet"
19+
/>
20+
21+
<!-- Include CSS style file -->
22+
23+
<link href="style.css" rel="stylesheet" type="text/css" />
24+
<link href="vivid.css" rel="stylesheet" type="text/css" />
25+
</head>
26+
27+
<body>
28+
<!-- The page header code goes here -->
29+
<header class="border-bottom secondary">
30+
<h1>Draw anime with me</h1>
31+
</header>
32+
33+
<!-- The main content for the web page goes between the main tags -->
34+
<main class="primary">
35+
<section class="tertiary">
36+
<h2>Facial expressions</h2>
37+
<p class=xcenter>Take a look at these facial expressions and try them in your own drawings.</p>
38+
</section>
39+
40+
<!-- The first drawing and instructions goes here -->
41+
<section class="wrap">
42+
<img class="dashed-border rounded" src="love.png" alt="The love facial expression.">
43+
<p>To make your anime character look like they are in love, replace the eyes with two rounded hearts. You can add three more hearts inside for a fun effect.</p>
44+
</section>
45+
46+
47+
<!-- The second drawing and instructions goes here -->
48+
49+
50+
51+
<!-- The third drawing and instructions goes here -->
52+
53+
54+
55+
</main>
56+
57+
<!-- Footer code goes here -->
58+
<footer class="border-top secondary">
59+
60+
</footer>
61+
62+
</body>
63+
</html>

‎lib/tasks/project_components/anime_expressions/love.png

67.8 KB
Loading

‎lib/tasks/project_components/anime_expressions/project_config.yml

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
NAME: 'Anime expressions'
2+
IDENTIFIER: 'anime-expressions'
3+
TYPE: 'html'
4+
COMPONENTS:
5+
- name: 'index'
6+
extension: 'html'
7+
location: 'index.html'
8+
index: 0
9+
default: true
10+
- name: 'style'
11+
extension: 'css'
12+
location: style.css
13+
index: 1
14+
default: false
15+
- name: 'candy'
16+
extension: 'css'
17+
location: candy.css
18+
index: 2
19+
default: false
20+
- name: 'default'
21+
extension: 'css'
22+
location: default.css
23+
index: 3
24+
default: false
25+
- name: 'vivid'
26+
extension: 'css'
27+
location: vivid.css
28+
index: 4
29+
default: false
30+
IMAGES:
31+
- "annoyed.png"
32+
- "happy.png"
33+
- "love.png"

0 commit comments

Comments
 (0)