autonomic-cooperative/32m
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: autonomic-cooperative:a00046a72726e0e0570021188fb017dd8e0277ee
Branches Tags
autonomic-cooperative:master
...
compare: autonomic-cooperative:master
Branches Tags
autonomic-cooperative:master

9 Commits
a00046a727 ... master

Author SHA1 Message Date
trav
0d4c899f2c last minute mods for bram
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-22 14:19:55 -04:00
Aadil Ayub
01ce38741d fix layout on mobile
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-15 20:18:25 +05:00
Aadil Ayub
9f4d8a764b add hyperlinks
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-15 20:11:52 +05:00
Aadil Ayub
f9769d6cc5 make image inline on desktop
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-15 20:07:37 +05:00
Aadil Ayub
13f889c5c1 add spacing on desktop
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-15 20:06:46 +05:00
Aadil Ayub
cfd436cc8a add css reset
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-15 19:58:23 +05:00
Aadil Ayub
8c9168f330 add basic styling and fonts
All checks were successful
continuous-integration/drone/push Build is passing
Details
2021-10-15 19:57:16 +05:00
Aadil Ayub
276f2b455c add font assets 2021-10-15 19:54:01 +05:00
Aadil Ayub
bb80714e9b tighten up markup 2021-10-15 19:49:25 +05:00
5 changed files with 81 additions and 5 deletions
Expand all files Collapse all files

BIN
fonts/concourse_ot_3_book.woff2 Normal file
View File

Binary file not shown.

BIN
fonts/concourse_ot_6_semibold.woff2 Normal file
View File

Binary file not shown.

19
fonts/fonts.css Normal file
View File

@ -0,0 +1,19 @@
@font-face {
font-family: 'Concourse OT';
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_3_book.woff2') format('woff2');
}
@font-face {
font-family: 'Concourse OT';
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('concourse_ot_6_semibold.woff2') format('woff2');
}

13
index.html
View File

@ -4,16 +4,21 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>32m</title> <title>32M</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jgthms/minireset.css@master/minireset.min.css">
<link rel="stylesheet" href="fonts/fonts.css">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<img src="logo.svg" alt="32M"> <p><img src="logo.svg" alt="32M"> is a boutique digital rights & risks advisory firm. We provide consumer-forward legal and public policy assistance related to regulated technology competition.</p>
<p>is a boutique digital rights & risks advisory firm. We provide consumer-forward legal and public policy assistance related to regulated technology competition.</p>
<p>Our focus is on the Canadian telecommunications, media, and fintech sectors.</p> <p>Our focus is on the Canadian telecommunications, media, and fintech sectors.</p>
<address> <address>
<p>Box 563, Station P Toronto, ON M5S 2T1 Canada</p> <p>Box 563, Station P Toronto, ON M5S 2T1 Canada</p>
<p>E: hello@Ask32M.com P: +1 416 613-5056 T: @Ask32M</p> <ul>
<li><span>E:</span> <a href="mailto:hello@Ask32M.com">hello@Ask32M.com</a></li>
<li><span>P:</span> <a href="tel:+1 416 613-5056">+1 416 613-5056</a></li>
<!-- <li><span>T:</span> <a href="https://twitter.com/Ask32M">@Ask32M</a></li> -->
</ul>
</address> </address>
</body> </body>
</html> </html>

52
style.css Normal file
View File

@ -0,0 +1,52 @@
:root {
--red: #A12626;
}
body {
font-family: 'Concourse OT';
color: var(--red);
max-width: 785px;
margin: 250px;
}
p {
font-size: 36px;
margin: 1rem 0;
}
img {
display: inline;
height: 45px;
margin-right: 0.5rem;
}
address * {
font-style: normal;
font-size: 24px;
}
ul li span {
font-weight: bold;
}
a {
text-decoration: none;
color: var(--red);
}
a:hover, a:focus {
text-decoration: underline;
}
@media (max-width: 480px) {
body {
margin: 80px 50px
}
p { font-size: 24px }
img {
display: block;
margin-bottom: 1rem;
}
}