Difference between revisions of "User:CreativeHedgehog/Templates/AoPS Duotone"

 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
 
 
{{User:CreativeHedgehog/Templates/Navbar||||||||20px}}
 
{{User:CreativeHedgehog/Templates/Navbar||||||||20px}}
  
AoPS Duotone is a project supported by [https://artofproblemsolving.com/wiki/index.php/User:CreativeHedgehog CreativeHedgehog]. AoPS Duotone is very cool. to use it, just use this format:
+
AoPS Duotone is a project supported by [https://artofproblemsolving.com/wiki/index.php?title=User:CreativeHedgehog CreativeHedgehog] for making AoPS icons look way better. There is a blog version, if you want. [https://artofproblemsolving.com/wiki/index.php/User:CreativeHedgehog CreativeHedgehog] 10:36, 2 August 2020 (EDT)
<code><nowiki>{{User:CreativeHedgehog/Templates/AoPS Duotone|primarycolor|t|secondarycolor}}</nowiki></code>
 
  
If '''t''' is the character that you want to use.
+
[[User:CreativeHedgehog/Templates/AoPS Duotone/Style 1]]
 
+
----
Remember to go to the [[Aops font]] page if you want a list of characters. [https://artofproblemsolving.com/wiki/index.php/User:CreativeHedgehog CreativeHedgehog] 14:42, 30 July 2020 (EDT)
+
[[User:CreativeHedgehog/Templates/AoPS Duotone/Style 2]]
</noinclude>
+
----
 
+
[[User:CreativeHedgehog/Templates/AoPS Duotone/Style 3]]
<div style="display:inline; --primaryco4:{{{1}}}">
+
----
<div style="font-size: 30px;
+
[[User:CreativeHedgehog/Templates/AoPS Duotone/Style 4]]
line-height: 32px;
+
----
display:inline;">
+
[[User:CreativeHedgehog/Templates/AoPS Duotone/Style 5]]
 
 
<div style="font-family: AoPS !important;
 
display:inline;
 
background-image: linear-gradient(var(--primaryco4), var(--primaryco4)), linear-gradient({{{3}}}, {{{3}}}), linear-gradient(var(--primaryco4), var(--primaryco4)), linear-gradient({{{3}}}, {{{3}}}), linear-gradient(var(--primaryco4), var(--primaryco4)), linear-gradient({{{3}}}, {{{3}}}), linear-gradient(var(--primaryco4), var(--primaryco4)), linear-gradient({{{3}}}, {{{3}}});
 
background-repeat: no-repeat, no-repeat;
 
background-size: 100% 12.5%, 100% 25%, 100% 37.5%, 100% 50%, 100% 62.5%, 100% 75%, 100% 87.5%, 100% 100%;">
 
 
 
<div style="color: black;
 
background-color: white;
 
mix-blend-mode: screen;
 
font-family: AoPS !important;
 
width: 100%;
 
display:inline;
 
height: 100%;"><div style="display:inline; font-family:AoPS !important;">{{{2}}}</div>
 
 
 
</div>
 
 
 
</div>
 
 
 
</div>
 
 
 
 
 
<noinclude><nowiki>{{User:CreativeHedgehog/Templates/AoPS Duotone|#1b3650|z|#61ad00}}</nowiki>
 
 
 
Will give
 
 
 
{{User:CreativeHedgehog/Templates/AoPS Duotone|#1b3650|z|#61ad00}}
 
 
 
Note: I was able to do all of this so fast because I just had a CSS for AoPS Duotone.
 
 
 
[https://artofproblemsolving.com/wiki/index.php/User:CreativeHedgehog CreativeHedgehog] 14:42, 30 July 2020 (EDT) out.
 
 
 
</noinclude>
 

Latest revision as of 10:36, 2 August 2020