Skip to content

Commit

Permalink
1.11.5
Browse files Browse the repository at this point in the history
  • Loading branch information
@quinton-ashley
quinton-ashley committed Jul 28, 2024
1 parent 93d3285 commit 538782e
Show file tree
Hide file tree
Showing 8 changed files with 125 additions and 77 deletions.
18 changes: 10 additions & 8 deletions lang/en/teach/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ The [_Learn p5play_](../learn) interactive textbook makes Object Oriented Progra

It's packed with reference documentation and code examples that students can experiment with right in their web browser. Works great on iPads and Chromebooks.

_Use in class and coursework requires the Edu License._
_Teachers can evaluate this resource for free. Use in class and coursework requires the Edu License._

# 2-0

Expand All @@ -26,7 +26,7 @@ _Use in class and coursework requires the Edu License._

Even if you're not a "gamer", you can still competently teach game design. Use the GDF slides and activities verbatim or as inspiration for your own lesson material.

_Exclusively for Edu Licensees._
_2 lessons provided as a free sample. Additional lessons are exclusively for Edu Licensees._

# 3-0

Expand All @@ -38,14 +38,16 @@ _Exclusively for Edu Licensees._

# 4-0

## Custom Invoice

Our pricing is fair and affordable, starting at just $5 USD per student per semester.
## Educational Pricing

Equitable access is important to us. We offer discounts for schools in low-income areas. If you want to use p5play, we will work with you to make it happen!
### $5 USD

Contact us to receive a custom invoice for your school or organization.
per student per semester

# 4-1

## Get a quote!
## Request Invoice

# 4-2

Equitable access is important to us. We offer discounts for schools in low-income areas. If you want to use p5play, we'll work with you to make it happen!
30 changes: 16 additions & 14 deletions lang/es/teach/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,22 +142,24 @@ <h2 id="uso-de-código-cerrado">Uso de Código Cerrado</h2>
</div>
<md id="md4-0">
<h2 id="factura-personalizada">Factura Personalizada</h2>
<p>Nuestros precios son justos y asequibles, comenzando desde solo $5 USD por estudiante cada
semestre.</p>
<p>El acceso equitativo es importante para nosotros. Ofrecemos descuentos para escuelas en áreas
de bajos ingresos. Si deseas usar p5play, trabajaremos contigo para hacerlo posible.</p>
<p>Contáctanos para recibir una factura personalizada para tu escuela u organización.</p>
<h3 id="5-usd">$5 USD</h3>
<p>por estudiante cada semestre</p>
</md>

<div class="shell">
<a class="heroBtns"
href="mailto:[email protected]?subject=p5play%20Educational%20License%20inquiry&amp;body=I'd%20like%20to%20request%20a%20custom%20invoice%20for%20my%20school%20or%20organization%20to%20use%20the%20p5play%20Educational%20License.%0A%0Ahttps%3A%2F%2Fp5play.org%2Fteach%0A%0ASchool%20Name%3A%20%0ASchool%20Location%3A%20%0ASchool%20Type%3A%20%0AAmount%20of%20students%3A%20%0ASemesters%3A%20"
target="_blank">
<md id="md4-1">
<h2 id="¡dame-la-factura">¡Dame la factura!</h2>
</md>
</a>
</div>
</div>
<div class="shell">
<a class="heroBtns"
href="mailto:[email protected]?subject=p5play%20Educational%20License%20inquiry&amp;body=I'd%20like%20to%20request%20a%20custom%20invoice%20for%20my%20school%20or%20organization%20to%20use%20the%20p5play%20Educational%20License.%0A%0Ahttps%3A%2F%2Fp5play.org%2Fteach%0A%0ASchool%20Name%3A%20%0ASchool%20Location%3A%20%0ASchool%20Type%3A%20%0AAmount%20of%20students%3A%20%0ASemesters%3A%20"
target="_blank">
<md id="md4-1">
<h2 id="¡dame-la-factura">¡Dame la factura!</h2>
</md>
</a>
</div>
<md id="md4-2">
<p>El acceso equitativo es importante para nosotros. Ofrecemos descuentos para escuelas en áreas de
bajos ingresos. Si deseas usar p5play, trabajaremos contigo para hacerlo posible.</p>
</md>
</div>
</div>
</div>
Expand Down
10 changes: 6 additions & 4 deletions lang/es/teach/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,12 +40,14 @@ _Exclusivo para clientes que adquieren la subscripcion educativa._

## Factura Personalizada

Nuestros precios son justos y asequibles, comenzando desde solo $5 USD por estudiante cada semestre.
### $5 USD

El acceso equitativo es importante para nosotros. Ofrecemos descuentos para escuelas en áreas de bajos ingresos. Si deseas usar p5play, trabajaremos contigo para hacerlo posible.

Contáctanos para recibir una factura personalizada para tu escuela u organización.
por estudiante cada semestre

# 4-1

## ¡Dame la factura!

# 4-2

El acceso equitativo es importante para nosotros. Ofrecemos descuentos para escuelas en áreas de bajos ingresos. Si deseas usar p5play, trabajaremos contigo para hacerlo posible.
29 changes: 16 additions & 13 deletions lang/ja/teach/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,21 +143,24 @@ <h2 id="クローズドソース利用">クローズドソース利用</h2>
</div>
<md id="md4-0">
<h2 id="独自の書式での請求書">独自の書式での請求書</h2>
<p>本ライセンスの価格設定は 1 学期あたり、学生 1 人につき、わずか 5 アメリカドルより、となっており、リーズナブルでお値打ちなものと自負しております。</p>
<p>また私どもにとって、「教育機会の均等化（エクイタブル・アクセス）」は重大な関心事です。低所得地域の教育機関に対しては、割引制度を設けております。p5play
のご利用を希望される場合、その実現のために尽力いたします！</p>
<p>所属される教育機関や団体が、独自の書式での請求書をご希望されている場合は、その旨お知らせください。</p>
<h3 id="5-usd">$5 USD</h3>
<p>となっており、リーズナブルでお値打ちなものと自負しております</p>
</md>

<div class="shell">
<a class="heroBtns"
href="mailto:[email protected]?subject=p5play%20Educational%20License%20inquiry&amp;body=I'd%20like%20to%20request%20a%20custom%20invoice%20for%20my%20school%20or%20organization%20to%20use%20the%20p5play%20Educational%20License.%0A%0Ahttps%3A%2F%2Fp5play.org%2Fteach%0A%0ASchool%20Name%3A%20%0ASchool%20Location%3A%20%0ASchool%20Type%3A%20%0AAmount%20of%20students%3A%20%0ASemesters%3A%20"
target="_blank">
<md id="md4-1">
<h2 id="料金のお見積もり">料金のお見積もり</h2>
</md>
</a>
</div>
</div>
<div class="shell">
<a class="heroBtns"
href="mailto:[email protected]?subject=p5play%20Educational%20License%20inquiry&amp;body=I'd%20like%20to%20request%20a%20custom%20invoice%20for%20my%20school%20or%20organization%20to%20use%20the%20p5play%20Educational%20License.%0A%0Ahttps%3A%2F%2Fp5play.org%2Fteach%0A%0ASchool%20Name%3A%20%0ASchool%20Location%3A%20%0ASchool%20Type%3A%20%0AAmount%20of%20students%3A%20%0ASemesters%3A%20"
target="_blank">
<md id="md4-1">
<h2 id="料金のお見積もり">料金のお見積もり</h2>
</md>
</a>
</div>
<md id="md4-2">
<p>また私どもにとって、「教育機会の均等化（エクイタブル・アクセス）」は重大な関心事です。低所得地域の教育機関に対しては、割引制度を設けております。p5play
のご利用を希望される場合、その実現のために尽力いたします！</p>
</md>
</div>
</div>
</div>
Expand Down
12 changes: 7 additions & 5 deletions lang/ja/teach/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,12 +40,14 @@ _教育ライセンス所有者のみ利用可能です。_

## 独自の書式での請求書

本ライセンスの価格設定は 1 学期あたり、学生 1 人につき、わずか 5 アメリカドルより、となっており、リーズナブルでお値打ちなものと自負しております。
### $5 USD

また私どもにとって、「教育機会の均等化（エクイタブル・アクセス）」は重大な関心事です。低所得地域の教育機関に対しては、割引制度を設けております。p5play のご利用を希望される場合、その実現のために尽力いたします！

所属される教育機関や団体が、独自の書式での請求書をご希望されている場合は、その旨お知らせください。
となっており、リーズナブルでお値打ちなものと自負しております

# 4-1

## 料金のお見積もり
## 料金のお見積もり

# 4-2

また私どもにとって、「教育機会の均等化（エクイタブル・アクセス）」は重大な関心事です。低所得地域の教育機関に対しては、割引制度を設けております。p5play のご利用を希望される場合、その実現のために尽力いたします！
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,5 +35,5 @@
"version": "git add -A",
"postversion": "git push"
},
"version": "1.11.4"
"version": "1.11.5"
}
67 changes: 35 additions & 32 deletions teach/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@
<div id="reels">
<div id="reel0" class="reel">
<video src="https://quinton-ashley.github.io/p5play-assets/teach/reel0.mp4"
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel0.webp" autoplay="" loop=""
playsinline="" muted=""></video>
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel0.webp" autoplay="" loop="" playsinline=""
muted=""></video>
<img alt="p5play logo" src="/assets/p5play_logo.svg" id="p5play_logo0">
<div id="page0" class="page">
<div>
Expand All @@ -54,14 +54,12 @@ <h2 id="teach-with">Teach with</h2>
</div>

<div>
<a class="hero-icon"
href="https://github.com/quinton-ashley/p5play-web/blob/main/teach/EDU_LICENSE.md"
<a class="hero-icon" href="https://github.com/quinton-ashley/p5play-web/blob/main/teach/EDU_LICENSE.md"
target="_blank"><img src="/assets/icons/certificate.webp" alt="certificate">
</a>
<md id="md0-1">
<h2 id="edu-license">Edu License</h2>
<p>Obtain the <a
href="https://github.com/quinton-ashley/p5play-web/blob/main/teach/EDU_LICENSE.md"
<p>Obtain the <a href="https://github.com/quinton-ashley/p5play-web/blob/main/teach/EDU_LICENSE.md"
target="_blank">Educational License</a> to unlock the power of p5play in your classroom!
</p>
</md>
Expand All @@ -70,8 +68,8 @@ <h2 id="edu-license">Edu License</h2>
</div>
<div id="reel1" class="reel">
<video src="https://quinton-ashley.github.io/p5play-assets/teach/reel1.mp4"
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel1.webp" autoplay="" loop=""
playsinline="" muted=""></video>
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel1.webp" autoplay="" loop="" playsinline=""
muted=""></video>
<div class="page">
<div class="spacer"></div>
<div>
Expand All @@ -84,15 +82,16 @@ <h2 id="interactive-textbook">Interactive Textbook</h2>
Object Oriented Programming concepts tangible, so students can learn by doing!</p>
<p>It's packed with reference documentation and code examples that students can experiment with
right in their web browser. Works great on iPads and Chromebooks.</p>
<p><em>Use in class and coursework requires the Edu License.</em></p>
<p><em>Teachers can evaluate this resource for free. Use in class and coursework requires the
Edu License.</em></p>
</md>
</div>
</div>
</div>
<div id="reel2" class="reel">
<video src="https://quinton-ashley.github.io/p5play-assets/teach/reel2.mp4"
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel2.webp" autoplay="" loop=""
playsinline="" muted=""></video>
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel2.webp" autoplay="" loop="" playsinline=""
muted=""></video>
<div class="page">
<div>
<a class="hero-icon" href="https://drive.google.com/drive/folders/1IhB6eEEABuGAe3eNEc0-SG0VujDZVDXA"
Expand All @@ -101,20 +100,21 @@ <h2 id="interactive-textbook">Interactive Textbook</h2>
</a>
<md id="md2-0">
<h2 id="gdf-curriculum">GDF Curriculum</h2>
<p><a href="https://drive.google.com/drive/folders/1IhB6eEEABuGAe3eNEc0-SG0VujDZVDXA"
target="_blank">p5play Game Design Fundamentals</a> is a curriculum for CS educators!
<p><a href="https://drive.google.com/drive/folders/1IhB6eEEABuGAe3eNEc0-SG0VujDZVDXA" target="_blank">p5play
Game Design Fundamentals</a> is a curriculum for CS educators!
</p>
<p>Even if you're not a "gamer", you can still competently teach game design. Use the GDF slides
and activities verbatim or as inspiration for your own lesson material.</p>
<p><em>Exclusively for Edu Licensees.</em></p>
<p><em>2 lessons provided as a free sample. Additional lessons are exclusively for Edu
Licensees.</em></p>
</md>
</div>
</div>
</div>
<div id="reel3" class="reel">
<video src="https://quinton-ashley.github.io/p5play-assets/teach/reel3.mp4"
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel3.webp" autoplay="" loop=""
playsinline="" muted=""></video>
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel3.webp" autoplay="" loop="" playsinline=""
muted=""></video>
<div class="page">
<div class="spacer"></div>
<div>
Expand All @@ -132,30 +132,33 @@ <h2 id="closed-source-use">Closed Source Use</h2>
</div>
<div id="reel4" class="reel">
<video src="https://quinton-ashley.github.io/p5play-assets/teach/reel4.mp4"
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel4.webp" autoplay="" loop=""
playsinline="" muted=""></video>
poster="https://quinton-ashley.github.io/p5play-assets/teach/reel4.webp" autoplay="" loop="" playsinline=""
muted=""></video>
<div class="page">
<div>
<div class="hero-icon">
<img src="/assets/icons/school.webp" alt="school">
</div>
<md id="md4-0">
<h2 id="custom-invoice">Custom Invoice</h2>
<p>Our pricing is fair and affordable, starting at just $5 USD per student per semester.</p>
<p>Equitable access is important to us. We offer discounts for schools in low-income areas. If
you want to use p5play, we will work with you to make it happen!</p>
<p>Contact us to receive a custom invoice for your school or organization.</p>
<h2 id="educational-pricing">Educational Pricing</h2>
<h3 id="5-usd">$5 USD</h3>
<p>per student per semester</p>
</md>

<div class="shell">
<a class="heroBtns"
href="mailto:[email protected]?subject=p5play%20Educational%20License%20inquiry&amp;body=I'd%20like%20to%20request%20a%20custom%20invoice%20for%20my%20school%20or%20organization%20to%20use%20the%20p5play%20Educational%20License.%0A%0Ahttps%3A%2F%2Fp5play.org%2Fteach%0A%0ASchool%20Name%3A%20%0ASchool%20Location%3A%20%0ASchool%20Type%3A%20%0AAmount%20of%20students%3A%20%0ASemesters%3A%20"
target="_blank">
<md id="md4-1">
<h2 id="request-invoice">Request Invoice</h2>
</md>
</a>
</div>
</div>
<div class="shell">
<a class="heroBtns"
href="mailto:[email protected]?subject=p5play%20Educational%20License%20inquiry&amp;body=I'd%20like%20to%20request%20a%20custom%20invoice%20for%20my%20school%20or%20organization%20to%20use%20the%20p5play%20Educational%20License.%0A%0Ahttps%3A%2F%2Fp5play.org%2Fteach%0A%0ASchool%20Name%3A%20%0ASchool%20Location%3A%20%0ASchool%20Type%3A%20%0AAmount%20of%20students%3A%20%0ASemesters%3A%20"
target="_blank">
<md id="md4-1">
<h2 id="get-a-quote">Get a quote!</h2>
</md>
</a>
</div>
<md id="md4-2">
<p>Equitable access is important to us. We offer discounts for schools in low-income areas. If you
want to use p5play, we will work with you to make it happen!</p>
</md>
</div>
</div>
</div>
Expand Down
34 changes: 34 additions & 0 deletions teach/teach.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,40 @@ h2 {
width: fit-content;
}

#reel4 .hero-icon {
margin-left: calc(50% - 60px);
margin-top: -16px !important;
}

#reel4 md {
margin: 0;
}

#reel4 h2 {
margin-left: 0;
}

#reel4 h2,
#reel4 h3,
#md4-0 p {
text-align: center;
}

#reel4 h3,
#reel4 p {
margin: 0;
}

#reel4 h3 {
margin-top: 24px;
color: var(--blue);
font-size: 40px;
}

#reel4 .shell {
margin-top: 16px;
}

@media screen and (max-width: 1030px) {

.reel,
Expand Down

0 comments on commit 538782e

Please sign in to comment.