Skip to content

Commit ad5e23f

Browse files
mlcohenmlcohen
authored
Update python.org socialize menu to include a link to the PSF Mastodon account (#2323)
* Update python.org socialize menu to include a link to the PSF Mastodon account Updated socialize menu to include a link to the official PSF Mastodon account. Details: - Added Mastodon icon to Pythonicon font family. Used IcoMoon to generate icons - Updated all related CSS and Sass files - Updated the socialize menu in the base.html template To see all rendered Pythonicon fonts, open `static/fonts/demo.html` * Updated help and close icons unicodes Help icon is now assigned unicode `\3f` (`?`). Close icon is now assigned unicode `\58` (`X`). Required regenerating fonts and updating CSS + Sass files.
1 parent c4ee749 commit ad5e23f

14 files changed

+2233
-1515
lines changed

‎static/fonts/Pythonicon.eot

100755100644
-1.36 KB
Binary file not shown.

‎static/fonts/Pythonicon.json

100755100644
+1,120-786
Large diffs are not rendered by default.

‎static/fonts/Pythonicon.svg

100755100644
+42-42
Loading

‎static/fonts/Pythonicon.ttf

100755100644
-1.36 KB
Binary file not shown.

‎static/fonts/Pythonicon.woff

100755100644
-1.36 KB
Binary file not shown.

‎static/fonts/demo.html

+601
Large diffs are not rendered by default.

‎static/fonts/demo/demo.css

+155
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
body {
2+
padding: 0;
3+
margin: 0;
4+
font-family: sans-serif;
5+
font-size: 1em;
6+
line-height: 1.5;
7+
color: #555;
8+
background: #fff;
9+
}
10+
h1 {
11+
font-size: 1.5em;
12+
font-weight: normal;
13+
}
14+
small {
15+
font-size: .66666667em;
16+
}
17+
a {
18+
color: #e74c3c;
19+
text-decoration: none;
20+
}
21+
a:hover, a:focus {
22+
box-shadow: 0 1px #e74c3c;
23+
}
24+
.bshadow0, input {
25+
box-shadow: inset 0 -2px #e7e7e7;
26+
}
27+
input:hover {
28+
box-shadow: inset 0 -2px #ccc;
29+
}
30+
input, fieldset {
31+
font-family: sans-serif;
32+
font-size: 1em;
33+
margin: 0;
34+
padding: 0;
35+
border: 0;
36+
}
37+
input {
38+
color: inherit;
39+
line-height: 1.5;
40+
height: 1.5em;
41+
padding: .25em 0;
42+
}
43+
input:focus {
44+
outline: none;
45+
box-shadow: inset 0 -2px #449fdb;
46+
}
47+
.glyph {
48+
font-size: 16px;
49+
width: 15em;
50+
padding-bottom: 1em;
51+
margin-right: 4em;
52+
margin-bottom: 1em;
53+
float: left;
54+
overflow: hidden;
55+
}
56+
.liga {
57+
width: 80%;
58+
width: calc(100% - 2.5em);
59+
}
60+
.talign-right {
61+
text-align: right;
62+
}
63+
.talign-center {
64+
text-align: center;
65+
}
66+
.bgc1 {
67+
background: #f1f1f1;
68+
}
69+
.fgc1 {
70+
color: #999;
71+
}
72+
.fgc0 {
73+
color: #000;
74+
}
75+
p {
76+
margin-top: 1em;
77+
margin-bottom: 1em;
78+
}
79+
.mvm {
80+
margin-top: .75em;
81+
margin-bottom: .75em;
82+
}
83+
.mtn {
84+
margin-top: 0;
85+
}
86+
.mtl, .mal {
87+
margin-top: 1.5em;
88+
}
89+
.mbl, .mal {
90+
margin-bottom: 1.5em;
91+
}
92+
.mal, .mhl {
93+
margin-left: 1.5em;
94+
margin-right: 1.5em;
95+
}
96+
.mhmm {
97+
margin-left: 1em;
98+
margin-right: 1em;
99+
}
100+
.mls {
101+
margin-left: .25em;
102+
}
103+
.ptl {
104+
padding-top: 1.5em;
105+
}
106+
.pbs, .pvs {
107+
padding-bottom: .25em;
108+
}
109+
.pvs, .pts {
110+
padding-top: .25em;
111+
}
112+
.unit {
113+
float: left;
114+
}
115+
.unitRight {
116+
float: right;
117+
}
118+
.size1of2 {
119+
width: 50%;
120+
}
121+
.size1of1 {
122+
width: 100%;
123+
}
124+
.clearfix:before, .clearfix:after {
125+
content: " ";
126+
display: table;
127+
}
128+
.clearfix:after {
129+
clear: both;
130+
}
131+
.hidden-true {
132+
display: none;
133+
}
134+
.textbox0 {
135+
width: 3em;
136+
background: #f1f1f1;
137+
padding: .25em .5em;
138+
line-height: 1.5;
139+
height: 1.5em;
140+
}
141+
#testDrive {
142+
display: block;
143+
padding-top: 24px;
144+
line-height: 1.5;
145+
}
146+
.fs0 {
147+
font-size: 16px;
148+
}
149+
.fs1 {
150+
font-size: 32px;
151+
}
152+
.fs2 {
153+
font-size: 24px;
154+
}
155+

‎static/fonts/demo/demo.js

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
if (!('boxShadow' in document.body.style)) {
2+
document.body.setAttribute('class', 'noBoxShadow');
3+
}
4+
5+
document.body.addEventListener("click", function(e) {
6+
var target = e.target;
7+
if (target.tagName === "INPUT" &&
8+
target.getAttribute('class').indexOf('liga') === -1) {
9+
target.select();
10+
}
11+
});
12+
13+
(function() {
14+
var fontSize = document.getElementById('fontSize'),
15+
testDrive = document.getElementById('testDrive'),
16+
testText = document.getElementById('testText');
17+
function updateTest() {
18+
testDrive.innerHTML = testText.value || String.fromCharCode(160);
19+
if (window.icomoonLiga) {
20+
window.icomoonLiga(testDrive);
21+
}
22+
}
23+
function updateSize() {
24+
testDrive.style.fontSize = fontSize.value + 'px';
25+
}
26+
fontSize.addEventListener('change', updateSize, false);
27+
testText.addEventListener('input', updateTest, false);
28+
testText.addEventListener('change', updateTest, false);
29+
updateSize();
30+
}());

0 commit comments

Comments
 (0)