From f47e366b98ba528af984bba3f454d4deaeb1c468 Mon Sep 17 00:00:00 2001 From: NHLOCAL Date: Sat, 2 Nov 2024 23:47:20 +0200 Subject: [PATCH] =?UTF-8?q?=D7=A9=D7=99=D7=9C=D7=95=D7=91=20=D7=A2=D7=A8?= =?UTF-8?q?=D7=95=D7=A5=20=D7=94=D7=99=D7=95=D7=98=D7=99=D7=95=D7=91=20?= =?UTF-8?q?=D7=91=D7=90=D7=AA=D7=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/_config.yml | 2 ++ docs/_includes/nav.html | 8 +++-- docs/assets/css/style.css | 68 ++++++++++++++++++++++++++++++++++++++- docs/index.md | 23 +++++++++++-- docs/youtube-channel.md | 30 +++++++++++++++++ 5 files changed, 124 insertions(+), 7 deletions(-) create mode 100644 docs/youtube-channel.md diff --git a/docs/_config.yml b/docs/_config.yml index b24b18e..2cf5003 100644 --- a/docs/_config.yml +++ b/docs/_config.yml @@ -18,6 +18,8 @@ navbar: url: "/" - title: "נושאים" url: "#topics" + - title: "ערוץ יוטיוב" + url: "/youtube-channel.html" - title: "אודות" url: "#about" - title: "משוב" diff --git a/docs/_includes/nav.html b/docs/_includes/nav.html index f48172c..0f9166e 100644 --- a/docs/_includes/nav.html +++ b/docs/_includes/nav.html @@ -3,14 +3,16 @@
  • בית
  • - +
  • נושאים
  • + +
  • ערוץ יוטיוב
  • - +
  • אודות
  • - +
  • משוב
  • diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css index 0e37faa..c467583 100644 --- a/docs/assets/css/style.css +++ b/docs/assets/css/style.css @@ -526,4 +526,70 @@ a:hover { .home-buttons .button { min-width: 180px; font-size: 1.1em; -} \ No newline at end of file +} + +/* כפתור גיטהאב */ +.github-button { + background-color: #2E2E2E; /* אפור כהה */ +} + +.github-button:hover { + background-color: #1b1b1b; /* אפור כהה יותר */ +} + +/* כפתור לעוד פרוייקטים */ +.projects-button { + background-color: #03C3DE; /* כחול בהיר */ +} + +.projects-button:hover { + background-color: #028fa1; /* כחול כהה יותר */ +} + +/* שיפור כפתורים */ +.button { + transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; +} + +.button:hover { + transform: translateY(-4px); + box-shadow: 0 8px 16px rgba(0,0,0,0.2); +} + +/* כפתורים אדומים */ +.red-button { + background: linear-gradient(135deg, #ff4d4d, #e60000); +} + +.red-button:hover { + background-color: #e60000; +} + +/* סקשן עם רקע אדום */ +.red-section { + background-color: #ffe6e6; + border: 2px solid #ff4d4d; + border-radius: 12px; + padding: 30px; + margin-top: 30px; +} + +/* עיצוב לתמיכה בסרטוני וידאו רספונסיביים */ +.video-container { + position: relative; + padding-bottom: 56.25%; /* יחס גובה-רוחב של 16:9 */ + height: 0; + overflow: hidden; + max-width: 100%; + margin-bottom: 20px; +} + +.video-container iframe, +.video-container object, +.video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} diff --git a/docs/index.md b/docs/index.md index 972b64e..fed06f3 100644 --- a/docs/index.md +++ b/docs/index.md @@ -12,10 +12,10 @@ title: "בית"
    - - ככב בגיטאהב + + ככב בגיטאהב - + לעוד פרוייקטים
    @@ -24,6 +24,7 @@ title: "בית" ## נושאים עיקריים
    + מחשבים מערכות הפעלה תכנות @@ -36,6 +37,22 @@ title: "בית" רכיבי חומרה
    +## ערוץ יוטיוב + +
    +

    זה קל - לימוד אנגלית בקלי קלות

    +

    מעוניינים ללמוד אנגלית בצורה פשוטה ומהנה? ערוץ היוטיוב שלנו מציע לימוד אנגלית מחולק ל-10 רמות, החל ממתחילים ועד למתקדמים, עם מילים, משפטים ומבנים לשוניים המתאימים לכל הרמות.

    +

    הצטרפו אלינו ותתחילו לשפר את האנגלית שלכם כבר היום!

    + + +
    ## אודות diff --git a/docs/youtube-channel.md b/docs/youtube-channel.md new file mode 100644 index 0000000..3edc304 --- /dev/null +++ b/docs/youtube-channel.md @@ -0,0 +1,30 @@ +--- +layout: default +title: "זה קל - לימוד אנגלית בקלי קלות" +--- + +
    +

    ערוץ היוטיוב שלנו

    +

    ברוכים הבאים ל"זה קל - לימוד אנגלית בקלי קלות"!

    + +

    ערוץ היוטיוב שלנו מציע לכם ללמוד אנגלית בצורה פשוטה ומהנה.

    + +

    הלמידה מחולקת ל-10 רמות, החל מהיסודות ועד לנושאים מתקדמים, כך שתוכלו להתקדם בקצב שלכם.

    + +

    כל רמה כוללת מילים, משפטים ומבנים לשוניים המתאימים לרמת הקושי שלה, ומאפשרת לכם לשפר את כישורי השפה שלכם בצורה מתמדת.

    + +

    צפו בסרטון לדוגמה

    + +
    + +
    + + +