-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (131 loc) · 5.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<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>opticalloop</title>
<meta name="title" content="opticalloop | OCR recognition for sudokus"/>
<!-- <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png"> -->
<!--Awsomefont-->
<script src="https://kit.fontawesome.com/edf1062117.js" crossorigin="anonymous"></script>
<!--CSS-->
<link rel="stylesheet" href="css/home.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/card.css">
<link rel="stylesheet" href="css/navbar.css">
<link rel="stylesheet" href="css/background.css">
<link rel="stylesheet" href="css/aboutProjet.css">
<!--Jquery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<nav class="navbar">
<a href="#top"><img class="primary-icon" src="picture/logoOpticalloop.png" alt="logoOpticalloop" href="#"></a>
<a href="#presentation" class="nav-item">About us</a>
<a href="https://github.com/opticalloop/OCR/releases/" target="blank" class="nav-item">Download</a>
<a href="#aboutProjet" class="nav-item">About the projet</a>
<a class="menu-mobile">
<i class="fa fa-bars"></i>
</a>
</nav>
<img
id="top"
class="bigimage"
src= "picture/logoOpticalloop.png"
alt= "opticalloop's logo"
height= 35%
width= 35%/>
<h1 id="groupname"><span>OPTICALLOOP</span></h1>
<article id="explanation">Opticalloop is a software built in C to solve sudoku</article>
<div id="presentation" class="bodybis" class="background">
<section>
<div class="container">
<div class= "card">
<div class="content">
<div class="imgBx">
<img src="picture/quentin_staff-modified.png" alt="quentin's picture">
</div>
<div class="contentBx">
<h3>Quentin Abel-Marceau<br>
<span>Chief projet</span></h3>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="https://github.com/QuentinAM" target="blank"><i class="fab fa-github"></i></a>
</ul>
</div>
<div class= "card">
<div class="content">
<div class="imgBx">
<img src="picture/renaud-dov.devers.jpg" alt="dov's picture">
</div>
<div class="contentBx">
<h3>
Renaud-Dov Devers<br>
<span>GTK poweruser</span>
</h3>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="https://github.com/Renaud-Dov" target="blank"><i class="fab fa-github"></i></a>
</ul>
</div>
<div class= "card">
<div class="content">
<div class="imgBx">
<img src="picture/matthieu_bg-modified.png" alt="matthieu's picture">
</div>
<div class="contentBx">
<h3>
Matthieu Camart<br>
<span>Hough boss</span>
</h3>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="https://github.com/matthieu-cmrt" target="blank"><i class="fab fa-github"></i></a>
</ul>
</div>
<div class= "card">
<div class="content">
<div class="imgBx">
<img src="picture/ronan.pedron-modified.png" alt="ronan's picture">
</div>
<div class="contentBx">
<h3>
Ronan Pédron<br>
<span>Frontend dev</span>
</h3>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="https://github.com/Ronan-pdr" target="blank"><i class="fab fa-github"></i></a>
</ul>
</div>
</div>
</section>
</div>
<div id="aboutProjet" class="reveal reveal-visible">
<h2><span>Our Projet</span></h2>
<div id="sudoku">
<h3>Our Sudoku Generator</h3>
<article>For the need of our neural network, we need some database to train it, so we made our own sudoku generator</article>
<img src="picture/generateur.gif" alt="generateur de sudoku" height= 35% width= 35%></img>
<article id="endgenerator">This generator is open source, this <a href="https://github.com/opticalloop/SudokuPictureGenerator" id="generatorhref" target="blank">here</a> to view to the repository</article>
<h3>Our interface</h3>
<article>When you download our projet this should look like this, there is no freeze just wait a little bit</article><br>
<img src="picture/our_project.gif"></img>
</div>
</div>
</body>
<!--JavaScript-->
<script src="js/nav.js"></script>
<script src="js/scrool.js"></script>
</html>