Skip to content

V3 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Robin888b merged 5 commits into from
Mar 11, 2025
Merged

V3 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
d00c172
new files
Robin888b Jan 22, 2025
2f72500
starting the computer version
Robin888b Feb 14, 2025
3b2ac41
create the "links" page
Robin888b Feb 17, 2025
8e9f114
add multiple language
Robin888b Feb 18, 2025
4988069
Update robin888b-10.JPG
Robin888b Feb 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
test
test
old
28 changes: 0 additions & 28 deletions 404.html
View file
Open in desktop

This file was deleted.

76 changes: 0 additions & 76 deletions gallery.html
View file
Open in desktop

This file was deleted.

105 changes: 26 additions & 79 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,91 +2,38 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raven Spart's Portfolio</title>

<link rel="apple-touch-icon" sizes="180x180" href="./src/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./src/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./src/favicon/favicon-16x16.png">
<link rel="manifest" href="./src/favicon/site.webmanifest">

<meta property="og:title" content="Raven Spart's Portfolio" />
<meta property="og:description"
content="Hy 👋
I'm Robin888b / Raven Spart
I'm a gay french furry and this is my personal portfolio" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://robin888b.github.io/" />
<meta property="og:image" content="https://robin888b.github.io/src/img/png/robin888b.png" />

<link rel="stylesheet" href="./src/style/library.css">
<title>Raven's portfolio</title>
<link rel="stylesheet" href="./src/style/index.css">
<style id="stCard"></style>
</head>
<script src="./src/app/language.js"></script>
<body>
<div id="header" class="">
<ul id="headerList">
<li class="headerLink selectedHeaderLink"><p>About me</p></li>
<li class="headerLink"><a href="./social.html">Social</a></li>
<li class="headerLink"><a href="./gallery.html">Gallery</a></li>
<li class="headerLink"><button onclick="toggleModal(0,3)" >Lang & theme</button></a></li>
<li class="headerLink"><button onclick="toggleModal(0,4)">Credits</button></li>
<header id="headLinkList">
<ul>
<li id="liHome">Home</li>
<li><a id="liLinks" href="./links.html">Links</a></li>
<li><a id="liGal" href="https://t.me/Raven_photos">Gallery</a></li>
<li><select name="" id="langSelect">
<option value="en">English</option>
<option value="fr">Français</option>
<option value="no">Norsk</option>
</select></li>
</ul>
</div>
<div id="menuIcon" onclick="toggleMenu()"></div>

<div id="content">
<div id="contentText">
<h1 id="title">Robin888b ▪ Raven Spart</h1>

</header>
<button id="menuToggle"><img src="./src/img/menuIcon.png" alt=""></button>
<section class="content">
<img src="./src/img/robin888b-10.JPG" alt="" class="mainmg">
<div class="contentText">
<h1>Raven Spart</h1>
<p>Hello 👋 <br>
My name is Raven; I'm a <span id="age">20</span>yo french student in informatic license; <br><br>
for my, programing is often like a game, <span class="spoiler" id="sp1">when you don't ask me to use Ocaml or assembly 👀</span> <br><br>
I like to do photography on my free-time and sometimes I draw furries things <br><br>
i'm also a gay furry who like to play justDance and spend all of his time listening to musics

<p id="text">Hy 👋 <br>My name is Robin; I speak french and try to learn english ≈ 20%<br>I'm 20Yo (2004/11/04).<br>I learn to draw🎨 and program💻 <br>what more to say about me ?<br><br>i'm a <span class="SpanInfo" onclick="toggleModal(0,0)">gay</span> <span class="SpanInfo" onclick="toggleModal(0,1)">furry</span> <span class="spoiler" id="sp1" onclick="toggleSpoiler('sp1')">(my fursona is Raven Spart)</span>, a Highly sensitive and shy person and a music and dance lover <span class="spoiler" id="sp2" onclick="toggleSpoiler('sp2')">(i currently practice dance in club 1.5 hours per weeks + 1 hours of figure skating)</span></p>

<ul id="social">
<li class="socialLink"><a href="https://codepen.io/Robin888b"><img src="./src/img/svg/codepen.svg" alt="codepen"></a></li>
<li class="socialLink"><a href="https://www.deviantart.com/robin888b"><img src="./src/img/svg/deviantart.svg" alt="deviantart"></a></li>
<li class="socialLink" id="discordLink"><button><img onclick="toggleModal(0,2)" src="./src/img/svg/discord.svg" alt="discord"></button></li>
<li class="socialLink"><a href="https://www.furaffinity.net/user/robin888b/"><?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 50 50" version="1.1"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 48.695312 25.316406 C 48.703125 23.703125 48.800781 14.601562 50 10.417969 L 35.046875 10.417969 L 34.503906 14.648438 L 39.578125 16.171875 L 39.640625 20.742188 L 44.289062 20.828125 L 44.171875 25.617188 Z M 48.695312 25.316406 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 8.519531 38.429688 C 8.519531 38.273438 8.523438 38.113281 8.527344 37.957031 L 8.527344 37.980469 C 8.835938 30.195312 17.277344 28.859375 23.613281 29.050781 L 23.613281 26.808594 C 23.511719 24.996094 22.074219 23.398438 17.90625 23.398438 C 15.128906 23.398438 11.832031 23.761719 9.699219 24.546875 L 10.265625 19.484375 C 12.304688 18.898438 14.601562 18.328125 19.542969 18.328125 C 29.070312 18.328125 30.121094 22.636719 30.042969 27.636719 L 30 39.582031 L 35.363281 39.582031 C 42.246094 39.582031 47.910156 33.863281 48.617188 27.019531 L 42.480469 27.265625 L 42.585938 22.492188 L 38 22.410156 L 37.925781 17.257812 L 32.664062 15.429688 L 33.367188 10.417969 L 13.722656 10.417969 C 5.765625 10.417969 0 17.324219 0 24.894531 L 0 39.582031 L 8.574219 39.582031 C 8.539062 39.238281 8.519531 38.835938 8.519531 38.429688 Z M 8.519531 38.429688 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 23.660156 38.253906 C 23.773438 37.800781 23.660156 36.328125 23.660156 35.820312 L 23.554688 32.710938 C 19.347656 32.53125 14.804688 33.394531 14.804688 37.355469 C 14.804688 38.210938 15.160156 38.988281 15.695312 39.582031 L 22.59375 39.582031 C 23.109375 39.28125 23.5 38.871094 23.660156 38.253906 Z M 23.660156 38.253906 "/></g></svg></a></li>
<!--le svg ne chargais pas correctement-->
<li class="socialLink"><a href="https://github.com/Robin888b"><img src="./src/img/svg/github.svg" alt="github"></a></li>
<li class="socialLink"><a href="https://www.instagram.com/robin888b/"><img src="./src/img/svg/instagram.svg" alt="instagram"></a></li>
<!--<li class="socialLink"><a href=""><img src="./src/img/svg/pinterest.svg" alt="pinterest"></a></li>-->
<li class="socialLink"><a href="https://t.me/robin888b"><img src="./src/img/svg/telegram.svg" alt="telegram"></a></li>
<li class="socialLink"><a href="https://www.twitch.tv/robin8888b"><img src="./src/img/svg/twitch.svg" alt="twitch"></a></li>
<li class="socialLink"><a href="https://twitter.com/robin888b"><img src="./src/img/svg/twitter.svg" alt="twitter"></a></li>
<li class="socialLink"><a href="https://www.youtube.com/channel/UCOqa7Ch5Y2VbgSF40RlBDyA"><img src="./src/img/svg/youtube.svg" alt="youtube"></a></li>
</ul>
</div>
<div id="contentImg">
<link rel="stylesheet" href="./src/style/card.css">
<div id="cardHover">
<div id="card">
<div id="cardImage"></div>
<div id="gradient"></div>
</div>
</div>
<script src="./src/app/card.js"></script>
</div>
<div id="phoneImg">
<img src="./src/img/png/robin888b.png" alt="">
</div>
</div>
<dialog data-modal>
<div class="grid">
<h4 id="modalTitle">Lorem ipsum dolor sit amet.</h4>
<button onclick="toggleModal(null, null)" class="modalButton"><svg class="modalCross" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px; stroke:#FFFFFF}</style></defs><title/><g id="cross" stroke="#000"><line class="cls-1" x1="7" x2="25" y1="7" y2="25"/><line class="cls-1" x1="7" x2="25" y1="25" y2="7"/></g></svg></button>
<div id="modalContent">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur quo ab similique laboriosam praesentium quibusdam!</p>
</div>
</p>
</div>
<div class="overlay" onclick="toggleModal(null, null)"></div>
</dialog>
<div data-overlay></div>
</section>
</body>
<script src="./src/app/modalList.js"></script>
<script src="./src/app/pageTranslation.js"></script>
<script src="./src/app/library.js"></script>
<script src="./src/app/index.js"></script>
<script src="./src/app/app.js"></script>
</html>
72 changes: 72 additions & 0 deletions links.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raven's portfolio</title>
<link rel="stylesheet" href="./src/style/links.css">
</head>
<script src="./src/app/language.js"></script>
<body>
<header id="headLinkList">
<ul>
<li><a id="liHome" href="./index.html">Home</a></li>
<li id="liLinks">Links</li>
<li><a id="liGal" href="https://t.me/Raven_photos">Gallery</a></li>
<li><select name="" id="langSelect">
<option value="en">English</option>
<option value="fr">Français</option>
<option value="no">Norsk</option>
</select></li>
</ul>
</header>
<button id="menuToggle"><img src="./src/img/menuIcon.png" alt=""></button>
<section class="content">
<ul>
<li class="linkli"><a href="https://t.me/Raven_photos">
<img src="./src/img/icon/telegram.png" alt="">
<div>
<h2>Telegram channels</h2>
<p>Where i post my photos</p>
</div>
</a></li>
<li class="linkli"><a href="https://t.me/Robin888b">
<img src="./src/img/icon/telegram.png" alt="">
<div>
<h2>Telegram account</h2>
<p>To send me privates messages</p>
</div>
</a></li>
<li class="linkli"><a href="https://www.instagram.com/robin888b">
<img src="./src/img/icon/insta.png" alt="">
<div>
<h2>Instagram</h2>
<p>Everything and anything, all of the time</p>
</div>
</a></li>
<li class="linkli"><a href="https://bsky.app/profile/robin888b.bsky.social">
<img src="./src/img/icon/bluesky.png" alt="">
<div>
<h2>Bluesky</h2>
<p>like twitter, but doesn't belong to a nazi</p>
</div>
</a></li>
<li class="linkli"><a href="https://github.com/Robin888b">
<img src="./src/img/icon/github.png" alt="">
<div>
<h2>Github</h2>
<p>The code of my open-sources projects</p>
</div>
</a></li>
<li class="linkli"><div id="discordl">
<img src="./src/img/icon/discord.png" alt="">
<div>
<h2>Discord</h2>
<p>Only for people I know <br><code>@Robin888b</code></p>
</div>
</div></li>
</ul>
</section>
</body>
<script src="./src/app/app.js"></script>
</html>
2 changes: 0 additions & 2 deletions old/.gitignore
View file
Open in desktop

This file was deleted.

21 changes: 0 additions & 21 deletions old/LICENSE
View file
Open in desktop

This file was deleted.

4 changes: 0 additions & 4 deletions old/README.md
View file
Open in desktop

This file was deleted.

Loading