icd/social-media-cards
2
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Compare commits

base: icd:db6ab4fc199bb19ec285f3cf9ea145fcbe8e8e61
Branches Tags
icd:master
icd:poppins-font
..
compare: icd:6d2e3034fe9d2d9d19b1e78e688a6f09131cd291
Branches Tags
icd:master
icd:poppins-font

No commits in common. "db6ab4fc199bb19ec285f3cf9ea145fcbe8e8e61" and "6d2e3034fe9d2d9d19b1e78e688a6f09131cd291" have entirely different histories.
db6ab4fc19 ... 6d2e3034fe

2 changed files with 12 additions and 29 deletions
Show Stats Expand all files Collapse all files

41
generator.html
View File

@ -4,17 +4,8 @@
<meta charset="utf-8" />
<title>Generator kart na social media</title>
<style>
@font-face {
font-family: Poppins;
src: url(./poppins.ttf);
}
* {
font-family: 'Noto Sans', sans-serif;
}
p {
font-family: Poppins;
font-family: sans-serif;
}
#container.overflow {
@ -42,17 +33,9 @@
}
#text_box {
background-color: var(--yellow);
color: #fff;
display: grid;
grid-template-columns: 1fr 1fr;
background-color: white;
padding-top: var(--padding);
}
#text_target {
background-color: #000;
}
</style>
</head>
<body
@ -94,7 +77,6 @@ Treść komunikatu</textarea
style="
box-sizing: border-box;
border: calc(var(--padding) * var(--scale)) solid var(--yellow);
border-top: calc(var(--padding) * var(--scale)/3) solid var(--yellow);
display: flex;
flex-flow: column;
width: calc(var(--scale) * var(--width));
@ -102,23 +84,24 @@ Treść komunikatu</textarea
"
>
<div id="text_box">
<p
id="text_target"
style="font-size: calc(var(--scale) * 16px); padding: var(--padding);"
>
Treść komunikatu
</p>
<img
src="./logo.png"
width="80"
height="80"
style="
float: left;
height: calc(var(--scale) * 80px);
width: calc(var(--scale) * 80px);
padding-left: var(--padding);
justify-self: flex-end;
padding-right: var(--padding);
margin-top: calc(-1 * var(--padding));
"
/>
<p
id="text_target"
style="margin: 0; font-size: calc(var(--scale) * 16px)"
>
Treść komunikatu
</p>
</div>
<div
id="image_box"

BIN
poppins.ttf
View File

Binary file not shown.