Skip to content

Commit

Permalink
7.0!! Massive overhaul!!
Browse files Browse the repository at this point in the history
  • Loading branch information
JohnSpahr committed Jul 11, 2024
1 parent 252ade3 commit 5065e94
Show file tree
Hide file tree
Showing 27 changed files with 563 additions and 117 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@

.DS_Store
21 changes: 15 additions & 6 deletions card.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,8 @@
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/ac7284406a.js" crossorigin="anonymous"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="stylesheets/bootstrap.min.css" />

<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="stylesheets/mainstyle.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/nustyle.css" />

<!-- JQUERY and HTML2Canvas Scripts -->
<script type="text/javascript" src="./jquery-1.4.3.min.js"></script>
Expand All @@ -53,8 +50,12 @@

<body>
<!-- Title Bar -->
<div class="titleBar sticky">
<span class="menuToggle" onclick="goHome()"><span class="logo">GoFrench</span></span>
<div class="titleBar">
<h4>GoFrench</h4>
<a href="index.html"><img width="48" src="res/search.png">Home</a>
<a href="links.html"><img width="48" src="res/portal.png">Links</a>
<a href="feed.html"><img width="48" src="res/feed.png">Apps</a>
<hr>
</div>

<!-- Main Stuff -->
Expand Down Expand Up @@ -91,7 +92,15 @@ <h3>Une photo de vous:</h3>
<button onclick="generateCard()"><i class="fa-solid fa-download"></i>&nbsp;Télécharger la carte</button>
</div>
<div id="generatedCard" class="generatedCard cardIsland leftCard"></div>

<hr>

<p>
&copy; 2024 John Spahr -
<a href="https://github.com/johnspahr" target="_blank">More Software</a>
</p>
</main>

</body>

</html>
19 changes: 13 additions & 6 deletions convo.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,8 @@
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/ac7284406a.js" crossorigin="anonymous"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="stylesheets/bootstrap.min.css" />

<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="stylesheets/mainstyle.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/nustyle.css" />

<!-- JQUERY Script -->
<script type="text/javascript" src="./jquery-1.4.3.min.js"></script>
Expand All @@ -52,8 +49,12 @@

<body>
<!-- Title Bar -->
<div class="titleBar sticky">
<span class="menuToggle" onclick="goHome()"><span class="logo">GoFrench</span></span>
<div class="titleBar">
<h4>GoFrench</h4>
<a href="index.html"><img width="48" src="res/search.png">Home</a>
<a href="links.html"><img width="48" src="res/portal.png">Links</a>
<a href="feed.html"><img width="48" src="res/feed.png">Apps</a>
<hr>
</div>

<!-- Main Stuff -->
Expand All @@ -68,6 +69,12 @@ <h4>Nouvelle question:</h4>
<hr>
<h2 id="convoLbl">Bonjour! Cliquez sur un bouton ci-dessus pour commencer.</h2>
</div>
<hr>

<p>
&copy; 2024 John Spahr -
<a href="https://github.com/johnspahr" target="_blank">More Software</a>
</p>
</main>
</body>

Expand Down
110 changes: 110 additions & 0 deletions feed.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
<!--
______ ______ __ __ __ __ _____ __
/ ____/___ / ____/_______ ____ _____/ /_ / /_ __ __ / /___ / /_ ____ / ___/____ ____ _/ /_ _____
/ / __/ __ \/ /_ / ___/ _ \/ __ \/ ___/ __ \ / __ \/ / / / __ / / __ \/ __ \/ __ \ \__ \/ __ \/ __ `/ __ \/ ___/
/ /_/ / /_/ / __/ / / / __/ / / / /__/ / / / / /_/ / /_/ / / /_/ / /_/ / / / / / / / ___/ / /_/ / /_/ / / / / /
\____/\____/_/ /_/ \___/_/ /_/\___/_/ /_/ /_.___/\__, / \____/\____/_/ /_/_/ /_/ /____/ .___/\__,_/_/ /_/_/
/____/ /_/
Copyright (c) John Spahr, 2019-2024.
-->

<!DOCTYPE html>
<html>

<head>
<!-- Page Title! -->
<title>GoFrench</title>

<!-- Meta Stuff -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="John Spahr" />
<meta property="og:title" content="GoFrench: Your Portal for French Resources!" />
<meta name="twitter:card" content="summary" />
<meta property="og:type" content="website" />
<meta property="og:image" content="gofrench.png" />
<meta property="og:description" content="GoFrench is your portal to resources for learning French!" />
<meta name="description" content="GoFrench is your portal to resources for learning French!" />
<meta name="theme-color" content="#7ab6ff" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta charset="UTF-8" />

<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/ac7284406a.js" crossorigin="anonymous"></script>

<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="stylesheets/nustyle.css" />

<!-- Favicon and Theme Stuff -->
<link rel="apple-touch-icon" href="gofrench.png" sizes="180x180" />
<link rel="icon" href="gofrench.png" sizes="32x32" type="image/png" />
<link rel="icon" href="gofrench.png" sizes="16x16" type="image/png" />
</head>

<body>
<!-- Title Bar -->
<div class="titleBar">
<h4>GoFrench</h4>
<a href="index.html"><img width="48" src="res/search.png">Home</a>
<a href="links.html"><img width="48" src="res/portal.png">Links</a>
<a href="feed.html"><img width="48" src="res/feed.png">Apps</a>
<hr>
</div>


<!-- Main Stuff -->
<main>
<!-- GOFRENCH RESOURCES -->
<h3 style="margin-bottom: 15px;">GoFrench Apps</h3>
<p>Generate French conversation starters, discover new French music, and create your own French ID card with GoFrench's various apps.</p>

<div class="links cardIsland">
<a href="convo.html"><img src="logos/convo.png">Convo</a>
<a href="music.html"><img src="logos/golisten.png">GoListen</a>
<a href="card.html"><img src="logos/card.png">MyCard</a>
</div>

<hr>

<!-- FRENCH WORDS -->
<h3 style="margin-bottom: 15px;">Common French Words</h3>
<iframe class="adaptive" src="https://quizlet.com/881880648/flashcards/embed?i=58i57h&x=1jj1" height="500" style="border:0"></iframe>
<p style="margin-top: 10px;"><b>Widget not loading?</b> Try <a href="https://quizlet.com/881880648/" target="_blank">this link</a>.</p>
<hr>

<!-- WEATHER -->
<h3 style="margin-bottom: 15px;">Weather</h3>
<iframe src="https://www.meteoblue.com/fr/weather/widget/three?geoloc=detect&nocurrent=0&noforecast=0&days=4&tempunit=FAHRENHEIT&windunit=MILE_PER_HOUR&layout=monochrome" frameborder="0" scrolling="YES" allowtransparency="true" sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox"
style="width: 100%; min-width: 320px; max-width: 500px; height: 580px"></iframe>
<div>
<!-- DO NOT REMOVE THIS LINK -->
<p>See full report at <a href="https://www.meteoblue.com/fr/weather/week/index?utm_source=three_widget&utm_medium=linkus&utm_content=three&utm_campaign=Weather%2BWidget" target="_blank" rel="noopener">meteoblue</a>.</p>
</div>
<hr>


<!-- FRENCH PROMO VIDEO -->
<h3 style="margin-bottom: 15px;">Why Take French?</h3>
<iframe class="adaptive" height="340px" src="https://www.youtube-nocookie.com/embed/jfZ-UDDtlSo?si=uB6lm_jagthG1Kh2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>

<hr>
<h3>GoFrench 7 is Here!</h3>
<p>Since 2019, GoFrench has innovated to offer convenient access to resources that French students and teachers require.</p>
<p>To celebrate 5 years of GoFrench, I've completely revamped the site and expanded its functionality. Getting where you need to be has never been easier.</p>
<p>I know learning and teaching French is hard work, so I hope the latest and greatest GoFrench release makes your lives easier.</p>
<p><b>- John Spahr</b> (GoFrench Developer)</p>

<hr>

<p><b>Like GoFrench?</b> <a href="https://www.paypal.com/donate/?business=2B8PNYTJEP2S2&no_recurring=0&item_name=Show+your+support+for+GoFrench+by+donating%21&currency_code=USD" target="_blank">DONATE via PayPal</a>!</p>

<hr>
<p>
&copy; 2024 John Spahr -
<a href="https://github.com/johnspahr" target="_blank">More Software</a>
</p>
</main>
</body>

</html>
98 changes: 19 additions & 79 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,8 @@
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/ac7284406a.js" crossorigin="anonymous"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="stylesheets/bootstrap.min.css" />

<!-- Stylesheet -->
<link rel="stylesheet" type="text/css" href="stylesheets/mainstyle.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/nustyle.css" />

<!-- JQUERY Script -->
<script type="text/javascript" src="./jquery-1.4.3.min.js"></script>
Expand All @@ -52,63 +49,28 @@

<body>
<!-- Title Bar -->
<div class="titleBar sticky">
<span class="menuToggle" onclick="openNav()"><span class="logo"><i class="fas fa-bars"></i>&nbsp;GoFrench</span></span>
</div>

<!-- Navigation Drawer -->
<div id="sidenavDrawer" class="sidenav">
<h2>Links</h2>
<a href="javascript:void(0)" class="closeBtn" onclick="closeNav()">&times;</a
>
<hr>
<b><i class="fas fa-globe-europe"></i> Language</b>
<a href="https://wordreference.com" target="_blank"><img src="logos/wordreference.png">WordReference</a>
<a href="https://linguee.fr" target="_blank"><img src="logos/linguee.png">Linguee</a>
<a href="https://www.laits.utexas.edu/tex/index.html" target="_blank"><img src="logos/francaisinteractif.png">Français Interactif</a>
<a href="convo.html" target="_blank"><img src="logos/convo.png">Convo</a>
<hr>
<b><i class="fas fa-chalkboard-teacher"></i> Practice</b>
<a href="https://duolingo.com" target="_blank"><img src="logos/duolingo.png">Duolingo</a>
<a href="https://conjuguemos.com/" target="_blank"><img src="logos/conjuguemos.png">Conjuguemos</a>
<a href="https://languagedrops.com/" target="_blank"><img src="logos/drops.png">Drops</a>
<a href="https://memrise.com/" target="_blank"><img src="logos/memrise.png">Memrise</a>
<a href="https://quizlet.com/881880648/1000-most-common-french-words-flash-cards/" target="_blank"><img src="logos/quizlet.png">Common Words</a>
<hr>
<b><i class="fas fa-newspaper"></i> News</b>
<a href="https://rfi.fr/fr" target="_blank"><img src="logos/rfi.png">Radio France Internationale</a>
<a href="https://www.1jour1actu.com/" target="_blank"><img src="logos/1jour1actu.png">1jour 1actu</a>
<a href="https://www.france24.com/fr/" target="_blank"><img src="logos/france24.png">France 24</a>
<hr>
<b><i class="fas fa-keyboard"></i> Accents</b>
<a href="https://french.typeit.org" target="_blank"><img src="logos/typeit.png">French - Type It</a>
<a href="https://docs.google.com/document/d/1thHf4Donhmkb8Iyl0lQ4Ds0qbMhhKBpXupplrzu7gKk/edit" target="_blank"><img src="logos/docs.png">Google Doc Guide</a>
<hr>
<b><i class="fas fa-music"></i> Music</b>
<a href="https://www.maniemusicale.info" target="_blank"><img src="logos/manie.png">Manie Musicale</a>
<a href="https://youtube.com/playlist?list=PLOEscDhei4DZqbiAUTL7H0D5EBHvcZTjw&si=mfmN5l4trAXEUVWl" target="_blank"><img src="logos/cd.png">Manie 2024</a>
<a href="https://sites.google.com/view/musiquedelafrancophonie" target="_blank"><img src="logos/music.png">Musique de la Francophonie</a>
<a href="https://open.spotify.com/playlist/68J0dTR0LuUgkrkjAYfSJZ?si=YqTC-xFfQf-I-4ociYUABA" target="_blank"><img src="logos/spotify.png">Spotify Playlist</a>
<a href="music.html" target="_blank"><img src="logos/golisten.png">GoListen</a>
<hr>
<b><i class="fas fa-ellipsis-h"></i> Other</b>
<a href="https://artsandculture.google.com/" target="_blank"><img src="logos/gac.png">Google Arts & Culture</a>
<a href="card.html" target="_blank"><img src="logos/card.png">MyCard</a>
<a href="https://docs.google.com/document/d/1L7VVRefc06Q5wVHrfCQiFH29mBb7-vtk7CGC38t_mSk/edit" target="_blank"><img src="logos/resources.png">Resources List</a>
<hr>
<p>The logos for these services do not belong to GoFrench.</p>
<div class="titleBar">
<h4>GoFrench</h4>
<a href="index.html"><img width="48" src="res/search.png">Home</a>
<a href="links.html"><img width="48" src="res/portal.png">Links</a>
<a href="feed.html"><img width="48" src="res/feed.png">Apps</a>
<hr>
</div>


<!-- Main Stuff -->
<main>
<img class="logo topMargin" src="gofrench.png" alt="GoFrench" width="180px">
<br>
<p><b>Everything you need to excel in French!</b></p>
<br><br>
<input id="inputTxt" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" onkeypress="return txtChange(event)" class="search" type="search" placeholder="Look up a word or phrase here..." />
<br>
<button onclick="getSite()">Look Up Word/Phrase</button>
<button onclick="conjugate()">Conjugate Verb</button>
<br><br>
<hr>
<h3>Special Characters</h3>
<div id="specialChars" style="display: inline;">
<p><b>Click to copy to clipboard (click and paste):</b></p>
<p>Click to copy to clipboard (click and paste):</p>
<button onclick="specialChar(this)">«</button>
<button onclick="specialChar(this)">»</button>
<button onclick="specialChar(this)">à</button>
Expand Down Expand Up @@ -143,40 +105,18 @@ <h2>Links</h2>
<button onclick="specialChar(this)">Û</button>
<button onclick="specialChar(this)">Ü</button>
<button onclick="specialChar(this)">Ÿ</button>
<hr>
<br>
</div>
<button id="charsBtn" class="toggleBtn" onclick="toggleChars(this)">Hide Accents</button>
<p>or <a href="#" onclick="openNav()">view the French Links List</a>.</p>
<hr>

<!-- FRENCH WORDS -->
<h3 style="margin-bottom: 15px;">Common French Words</h3>
<iframe class="adaptive" src="https://quizlet.com/881880648/flashcards/embed?i=58i57h&x=1jj1" height="500" style="border:0"></iframe>
<p style="margin-top: 10px;"><b>Widget not loading?</b> Try <a href="https://quizlet.com/881880648/" target="_blank">this link</a>.</p>
<hr>

<!-- WEATHER -->
<h3 style="margin-bottom: 15px;">Weather in Paris</h3>
<iframe src="https://www.meteoblue.com/fr/meteo/widget/daily/paris_france_2988507?geoloc=fixed&days=7&tempunit=CELSIUS&windunit=KILOMETER_PER_HOUR&precipunit=MILLIMETER&coloured=monochrome&pictoicon=0&pictoicon=1&maxtemperature=0&maxtemperature=1&mintemperature=0&mintemperature=1&windspeed=0&windspeed=1&windgust=0&windgust=1&winddirection=0&winddirection=1&uv=0&uv=1&humidity=0&humidity=1&precipitation=0&precipitation=1&precipitationprobability=0&precipitationprobability=1&spot=0&spot=1&pressure=0&pressure=1&layout=dark"
frameborder="0" scrolling="NO" allowtransparency="true" sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox" style="width: 90%; max-width: 600px; height: 449px"></iframe>
<div>
<!-- DO NOT REMOVE THIS LINK --><a href="https://www.meteoblue.com/fr/meteo/semaine/paris_france_2988507?utm_source=weather_widget&utm_medium=linkus&utm_content=daily&utm_campaign=Weather%2BWidget" target="_blank" rel="noopener">meteoblue</a></div>
<hr>


<!-- FRENCH PROMO VIDEO -->
<h3 style="margin-bottom: 15px;">Why Take French?</h3>
<iframe class="adaptive" height="340px" src="https://www.youtube-nocookie.com/embed/jfZ-UDDtlSo?si=uB6lm_jagthG1Kh2" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

<button id="charsBtn" class="toggleBtn" onclick="toggleChars(this)"><i class="fas fa-chevron-up"></i> Hide Accents</button>

<hr>
<p><b>Like GoFrench?</b> <a href="https://www.paypal.com/donate/?business=2B8PNYTJEP2S2&no_recurring=0&item_name=Show+your+support+for+GoFrench+by+donating%21&currency_code=USD" target="_blank">DONATE via PayPal</a>!</p>
<p><b>Like GoFrench?</b> <a href="https://www.paypal.com/donate/?business=2B8PNYTJEP2S2&no_recurring=0&item_name=Show+your+support+for+GoFrench+by+donating%21&currency_code=USD" target="_blank">DONATE via PayPal</a>!</p>
<hr>

<p>
&copy; 2024 John Spahr -
<a href="https://github.com/johnspahr" target="_blank">More Software</a>
</p>
<h6>Version 6.6.2</h6>
<h6>Version 7.0.0</h6>
</main>
</body>

Expand Down
Loading

0 comments on commit 5065e94

Please sign in to comment.