Skip to content

Commit c44ea24

Browse files
DarthJahusDarthJahus
committed
0.3 - Add CSS and images @ Nissou, Mohus, Jahus
1 parent 5eee155 commit c44ea24

File tree

11 files changed

+48
-4
lines changed

11 files changed

+48
-4
lines changed

‎README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,5 @@
11
# Kabyle Gamers : Chrome Notifier
2+
3+
[ ] Background de l'extension, avec logo et « Premium » (Wahid)
4+
[ ] CSS / Boutons (@Nissoux)
5+
[ ] Recevoir les données de OneSignal (@Yidirm)

‎popup.css‎

Lines changed: 32 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,41 @@
22
body {
33
height: 400px;
44
width: 320px;
5+
background-image: linear-gradient(-225deg, #FF3CAC 0%, #562B7C 52%, #2B86C5 100%);
6+
display: flex;
7+
flex-direction: column;
8+
justify-content: space-between;
59
}
610

711

812
button {
9-
height: 30px;
10-
width: 60px;
1113
outline: none;
14+
background: none;
15+
border: none;
16+
border-radius: 16px;
17+
}
18+
19+
20+
.buttonLink:hover {
21+
cursor: pointer;
22+
background-color: #00003e;
23+
border-radius: 32px;
24+
transition: 1s;
25+
box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 9px 32px 0 rgba(0,0,0,0.19)
26+
}
27+
28+
29+
.boutons {
30+
display: grid;
31+
grid-template-columns: 1fr 1fr 1fr;
32+
column-gap: 8px;
33+
row-gap: 16px;
34+
padding-bottom: 16px;
35+
36+
}
37+
38+
39+
.logo {
40+
width: 320px;
41+
height: auto;
1242
}

‎popup.html‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,19 @@
33
<head>
44
<link rel="stylesheet" href="popup.css">
55
</head>
6+
67
<body>
7-
<button class="buttonLink" id="buttonWebSite" value="https://kabyle-gamers.com">Site web</button>
8-
<button class="buttonLink" id="buttonInstagram" value="https://instagram.com/kabylegamers">Instagram</button>
8+
<div class="logoHeader">
9+
<img class="logo" src="static/kabyle-gamers-logo-transparent-2.png">
10+
</div>
11+
<div class="boutons">
12+
<button class="buttonLink" id="buttonWebSite" value="https://kabyle-gamers.com"><img src="static/icons/globe.png" height="72" width="72"></button>
13+
<button class="buttonLink" id="buttonDiscord" value="https://kabyle-gamers.com/Discord"><img src="static/icons/discord.png"></button>
14+
<button class="buttonLink" id="buttonYoutube" value="https://youtube.com/kabylegamers"><img src="static/icons/youtube.png"></button>
15+
<button class="buttonLink" id="buttonInstagram" value="https://instagram.com/kabylegamers"><img src="static/icons/instagram.png"></button>
16+
<button class="buttonLink" id="buttonTwitter" value="https://twitter.com/kabylegamers"><img src="static/icons/twitter.png"></button>
17+
<button class="buttonLink" id="buttonTwitch" value="https://twitch.tv/kabylegamers"><img src="static/icons/twitch.png"></button>
18+
</div>
919
<script src="script.js"></script>
1020
</body>
1121
</html>

‎static/icons/discord.png‎

649 Bytes
Loading

‎static/icons/globe.png‎

9.34 KB
Loading

‎static/icons/instagram.png‎

774 Bytes
Loading

‎static/icons/twitch.png‎

379 Bytes
Loading

‎static/icons/twitter.png‎

592 Bytes
Loading

‎static/icons/youtube.png‎

377 Bytes
Loading

‎static/kabyle-gamers-logo-transparent-2.png‎

61.3 KB
Loading

0 commit comments

Comments
 (0)