forked from sacalon/sacalon.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
foundation.html
145 lines (132 loc) · 5.85 KB
/
foundation.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
<!DOCTYPE html>
<html>
<head>
<title>The Hascal Foundation</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
*{max-width:100%;}
/* Gray Scale */
.hover08 figure img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.hover08 figure:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
</style>
<link rel="icon" type="image/x-icon" href="images/hascal-logo.png">
<link rel="stylesheet" href="./css/global.css">
</head>
<body>
<iframe src="./components/header.html" frameborder="0" id="header-section"></iframe>
<main role="main">
<br/>
<div class="container">
<div class="row">
<div class="col" style="font-size: large;">
<h1>The Hascal Foundation</h1>
<br/>
<p>
The Hascal Foundation is an open-source foundation was created in 2021 to fund long term Hascal development
</p>
<p>
The goals of the Hascal Foundation are:
<ul>
<li>To support the whole Hascal ecosystem by funding core technologies</li>
<li>To help the Hascal Open Source Community by organizing events and user groups</li>
</ul>
</p>
<br/>
<h2>
Supported Projects
</h2>
<p>
The following software is supported by the Hascal Foundation:
<ul>
<li>The Hascal Compiler</li>
<li>The Hascal Standard Library</li>
</ul>
</p>
<br/>
<h2>
Branding
</h2>
<p>
These branding guidelines will help you determine the best way to use our logo.
</p>
<p>
<b>1.Main Logo</b>
<br/>
<figure class="figure">
<a href="" download="">
<img src="images/hascal-logo.png" width="150px" height="150px">
</a>
<figcaption class="figure-caption">
<a href="images/hascal-logo.png" download>
Download PNG
</a>
<a href="images/logo.svg" download>
Download SVG
</a>
</figcaption>
</figure>
</p>
<br/>
<p>
<b>2.Lockup Logo</b>
<br/>
<figure class="figure">
Dark :
<br/>
<a href="images/logotype-dark.png" download>
<img src="images/logotype-dark.png">
</a>
<figcaption class="figure-caption">
<a href="images/logotype-dark.png" download>
Download PNG
</a>
</figcaption>
</figure>
<figure class="figure">
Light :
<br/>
<a href="images/logotype-light.png" download>
<img src="images/logotype-light.png">
</a>
<figcaption class="figure-caption">
<a href="images/logotype-light.png" download>
Download PNG
</a>
</figcaption>
</figure>
</p>
<br/>
<h2>
Our partners
</h2>
<br/>
<div class="hover08 column">
<div>
<a href="https://pyabr.ir" title="PyAbr OS">
<figure><img width="100" height="100" class="img-thumbnail" src="https://pyabr.ir/wp-content/uploads/2022/04/breeze-cloud.svg" /></figure>
</a>
</div>
</div>
<br/>
<p>
You can contact us by this email : <a href="mailto:[email protected]">[email protected]</a>
</p>
</div>
</div>
<hr>
</div>
</main>
<iframe src="./components/footer.html" frameborder="0" id="footer-section"></iframe>
<script src="./js/global.js"></script>
</body>
</html>