Skip to content

Commit c8e62e6

Browse files
nikoschamnikoscham
committed
Update social media icons position
1 parent 2864985 commit c8e62e6

11 files changed

Lines changed: 615 additions & 624 deletions

‎feascript-platform.html‎

Lines changed: 62 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -45,76 +45,75 @@
4545
<h1 class="top">
4646
<a href="index.html">
4747
<img
48-
src="./assets/feascript-platform-logo.png"
48+
src="./assets/feascript-logo.png"
4949
alt="FEAScript Logo"
5050
id="responsive-logo"
5151
style="vertical-align: middle"
5252
/>
5353
</a>
54+
<div class="social-icons-top-right">
55+
<ul>
56+
<li>
57+
<a href="https://blog.feascript.com/" title="FEAScript blog">
58+
<img
59+
src="./assets/blog-icon-feascript.png"
60+
alt="Blog icon"
61+
style="height: 18px; vertical-align: middle"
62+
/>
63+
</a>
64+
</li>
65+
<li>
66+
<a href="https://www.youtube.com/@FEAScript" title="FEAScript YouTube">
67+
<img
68+
src="./assets/youtube-icon-feascript.svg"
69+
alt="YouTube icon"
70+
style="height: 18px; vertical-align: middle"
71+
/>
72+
</a>
73+
</li>
74+
<li>
75+
<a href="https://www.linkedin.com/company/feascript/" title="FEAScript LinkedIn">
76+
<img
77+
src="./assets/linkedin-icon-feascript.png"
78+
alt="LinkedIn icon"
79+
style="height: 18px; vertical-align: middle"
80+
/>
81+
</a>
82+
</li>
83+
<li>
84+
<a href="https://discord.gg/3DVjNcuW4f" title="FEAScript Discord">
85+
<img
86+
src="./assets/discord-icon-feascript.png"
87+
alt="Discord icon"
88+
style="height: 18px; vertical-align: middle"
89+
/>
90+
</a>
91+
</li>
92+
<li>
93+
<a href="https://github.com/FEAScript/FEAScript-core" title="FEAScript GitHub">
94+
<img
95+
src="./assets/github-icon-feascript.png"
96+
alt="GitHub icon"
97+
style="height: 20px; vertical-align: middle"
98+
/>
99+
<span
100+
id="github-stars"
101+
style="
102+
font-size: 0.9em;
103+
margin-left: 5px;
104+
vertical-align: middle;
105+
border: 1px solid #ddd;
106+
border-radius: 4px;
107+
padding: 1px 5px;
108+
background-color: #f8f8f8;
109+
"
110+
></span>
111+
</a>
112+
</li>
113+
</ul>
114+
</div>
54115
</h1>
55116

56-
<div class="social-icons-top-right">
57-
<ul>
58-
<li>
59-
<a href="https://blog.feascript.com/" title="FEAScript blog">
60-
<img
61-
src="./assets/blog-icon-feascript.png"
62-
alt="Blog icon"
63-
style="height: 18px; vertical-align: middle"
64-
/>
65-
</a>
66-
</li>
67-
<li>
68-
<a href="https://www.youtube.com/@FEAScript" title="FEAScript YouTube">
69-
<img
70-
src="./assets/youtube-icon-feascript.svg"
71-
alt="YouTube icon"
72-
style="height: 18px; vertical-align: middle"
73-
/>
74-
</a>
75-
</li>
76-
<li>
77-
<a href="https://www.linkedin.com/company/feascript/" title="FEAScript LinkedIn">
78-
<img
79-
src="./assets/linkedin-icon-feascript.png"
80-
alt="LinkedIn icon"
81-
style="height: 18px; vertical-align: middle"
82-
/>
83-
</a>
84-
</li>
85-
<li>
86-
<a href="https://discord.gg/3DVjNcuW4f" title="FEAScript Discord">
87-
<img
88-
src="./assets/discord-icon-feascript.png"
89-
alt="Discord icon"
90-
style="height: 18px; vertical-align: middle"
91-
/>
92-
</a>
93-
</li>
94-
<li>
95-
<a href="https://github.com/FEAScript/FEAScript-core" title="FEAScript GitHub">
96-
<img
97-
src="./assets/github-icon-feascript.png"
98-
alt="GitHub icon"
99-
style="height: 20px; vertical-align: middle"
100-
/>
101-
<span
102-
id="github-stars"
103-
style="
104-
font-size: 0.9em;
105-
margin-left: 5px;
106-
vertical-align: middle;
107-
border: 1px solid #ddd;
108-
border-radius: 4px;
109-
padding: 1px 5px;
110-
background-color: #f8f8f8;
111-
"
112-
></span>
113-
</a>
114-
</li>
115-
</ul>
116-
</div>
117-
118117
<h1>A Visual Editor for the FEAScript Library</h1>
119118
<div class="highlight-container">
120119
<p>

‎feascript-website.css‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@ h1 {
5353

5454
h1.top {
5555
border-bottom: 1px solid #aaa;
56+
position: relative;
5657
}
5758

5859
h2 {
@@ -490,9 +491,8 @@ mjx-container {
490491
/* Social icons */
491492
.social-icons-top-right {
492493
position: absolute;
493-
top: 10px;
494-
right: 10px;
495-
z-index: 1000;
494+
bottom: 1px;
495+
right: 1px;
496496
list-style: none;
497497
margin: 0;
498498
padding: 0;
@@ -532,4 +532,5 @@ mjx-container {
532532

533533
#github-stars {
534534
color: #555;
535+
font-size: 0.6em !important;
535536
}

‎index.html‎

Lines changed: 61 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,67 @@ <h1 class="top">
5353
style="vertical-align: middle"
5454
/>
5555
</a>
56+
<div class="social-icons-top-right">
57+
<ul>
58+
<li>
59+
<a href="https://blog.feascript.com/" title="FEAScript blog">
60+
<img
61+
src="./assets/blog-icon-feascript.png"
62+
alt="Blog icon"
63+
style="height: 18px; vertical-align: middle"
64+
/>
65+
</a>
66+
</li>
67+
<li>
68+
<a href="https://www.youtube.com/@FEAScript" title="FEAScript YouTube">
69+
<img
70+
src="./assets/youtube-icon-feascript.svg"
71+
alt="YouTube icon"
72+
style="height: 18px; vertical-align: middle"
73+
/>
74+
</a>
75+
</li>
76+
<li>
77+
<a href="https://www.linkedin.com/company/feascript/" title="FEAScript LinkedIn">
78+
<img
79+
src="./assets/linkedin-icon-feascript.png"
80+
alt="LinkedIn icon"
81+
style="height: 18px; vertical-align: middle"
82+
/>
83+
</a>
84+
</li>
85+
<li>
86+
<a href="https://discord.gg/3DVjNcuW4f" title="FEAScript Discord">
87+
<img
88+
src="./assets/discord-icon-feascript.png"
89+
alt="Discord icon"
90+
style="height: 18px; vertical-align: middle"
91+
/>
92+
</a>
93+
</li>
94+
<li>
95+
<a href="https://github.com/FEAScript/FEAScript-core" title="FEAScript GitHub">
96+
<img
97+
src="./assets/github-icon-feascript.png"
98+
alt="GitHub icon"
99+
style="height: 20px; vertical-align: middle"
100+
/>
101+
<span
102+
id="github-stars"
103+
style="
104+
font-size: 0.9em;
105+
margin-left: 5px;
106+
vertical-align: middle;
107+
border: 1px solid #ddd;
108+
border-radius: 4px;
109+
padding: 1px 5px;
110+
background-color: #f8f8f8;
111+
"
112+
></span>
113+
</a>
114+
</li>
115+
</ul>
116+
</div>
56117
</h1>
57118

58119
<div id="banner">
@@ -110,68 +171,6 @@ <h1>A JavaScript Finite Element Simulation Library</h1>
110171
</li>
111172
</ul>
112173

113-
<div class="social-icons-top-right">
114-
<ul>
115-
<li>
116-
<a href="https://blog.feascript.com/" title="FEAScript blog">
117-
<img
118-
src="./assets/blog-icon-feascript.png"
119-
alt="Blog icon"
120-
style="height: 18px; vertical-align: middle"
121-
/>
122-
</a>
123-
</li>
124-
<li>
125-
<a href="https://www.youtube.com/@FEAScript" title="FEAScript YouTube">
126-
<img
127-
src="./assets/youtube-icon-feascript.svg"
128-
alt="YouTube icon"
129-
style="height: 18px; vertical-align: middle"
130-
/>
131-
</a>
132-
</li>
133-
<li>
134-
<a href="https://www.linkedin.com/company/feascript/" title="FEAScript LinkedIn">
135-
<img
136-
src="./assets/linkedin-icon-feascript.png"
137-
alt="LinkedIn icon"
138-
style="height: 18px; vertical-align: middle"
139-
/>
140-
</a>
141-
</li>
142-
<li>
143-
<a href="https://discord.gg/3DVjNcuW4f" title="FEAScript Discord">
144-
<img
145-
src="./assets/discord-icon-feascript.png"
146-
alt="Discord icon"
147-
style="height: 18px; vertical-align: middle"
148-
/>
149-
</a>
150-
</li>
151-
<li>
152-
<a href="https://github.com/FEAScript/FEAScript-core" title="FEAScript GitHub">
153-
<img
154-
src="./assets/github-icon-feascript.png"
155-
alt="GitHub icon"
156-
style="height: 20px; vertical-align: middle"
157-
/>
158-
<span
159-
id="github-stars"
160-
style="
161-
font-size: 0.9em;
162-
margin-left: 5px;
163-
vertical-align: middle;
164-
border: 1px solid #ddd;
165-
border-radius: 4px;
166-
padding: 1px 5px;
167-
background-color: #f8f8f8;
168-
"
169-
></span>
170-
</a>
171-
</li>
172-
</ul>
173-
</div>
174-
175174
<div class="highlight-container">
176175
<p>
177176
<strong

0 commit comments

Comments
 (0)