The Wiki Camp 2 - User contributions [en]

User:Pointy

2023-06-03T19:54:04Z

Pointy: Huge thank u to coppersalts u seasoned my Spaghetti Code o7

<templatestyles src="pointy.css"/>{{#css:
.pyramid {
position: relative;
width: 200px;
height: 200px;
transform-style: preserve-3d;
transform: rotateY(326deg) rotateX(2deg) rotateZ(359deg);
}

.side {
width: 0;
height: 0;
position: absolute;
opacity: 0.7;
border: 100px solid transparent;
border-bottom: 200px solid transparent;
border-top: 0px;
-webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.one {
transform: rotateX(30deg);
transform-origin: 0 0;
}

.two {
transform-origin: 100px 0;
transform: rotateY(90deg) rotateX(-30deg);
border-bottom-color: cyan;
}

.three {
transform-origin: 100px 0;
transform: rotateY(270deg) rotateX(-30deg);
border-bottom-color: transparent;
}

.four {
transform-origin: 100px 0;
transform: rotateY(0) rotateX(-30deg);
border-bottom-color: cyan;
}

.base {
position: absolute;
width: 100%;
height: 100%;
transform: translateY(73px) rotateX(90deg);
border: 0;
}

@keyframes rotate {
from {
transform: rotateY(0) rotateX(0deg) rotateZ(0deg);
}
to {
transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
}
}

.pyramid {
animation: rotate 5s linear infinite;
}
}}
<div class="pyramid">
<div class="side one"></div>
<div class="side two"></div>
<div class="side three"></div>
<div class="side four"></div>
<div class="base"></div>
</div>

User:Pointy

2023-06-03T19:42:20Z

Pointy: It seems i fucked up!

{{#css:|
<head>
<style>

/* pyrami*/

body {
display: flex;
justify-content: center;
align-items: top;
min-height: 100vh;
}

.pyramid {
position: relative;
width: 200px;
height: 200px;
transform-style: preserve-3d;
transform: rotateY(326deg) rotateX(2deg) rotateZ(359deg);
}

.side {
width: 0;
height: 0;
position: absolute;
opacity: 0.7;
border: 100px solid transparent;
border-bottom: 200px solid transparent;
border-image:url('[[File:Pointypfp.png]]');
border-top: 0px;
-webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.one {
transform: rotateX(30deg);
transform-origin: 0 0;
}

.two {
transform-origin: 100px 0;
transform: rotateY(90deg) rotateX(-30deg);
border-bottom-color: cyan;
}

.three {
transform-origin: 100px 0;
transform: rotateY(270deg) rotateX(-30deg);
border-bottom-color: transparent;
}

.four {
transform-origin: 100px 0;
transform: rotateY(0) rotateX(-30deg);
border-bottom-color: cyan;
}

.base {
position: absolute;
width: 100%;
height: 100%;
transform: translateY(73px) rotateX(90deg);
border: 0;
background: url('[[File:Pointypfp.png]]');
}

@keyframes rotate {
from {
transform: rotateY(0) rotateX(0deg) rotateZ(0deg);
}
to {
transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
}
}

.pyramid {
animation: rotate 5s linear infinite;
}

/* enmd pyramid*/
</style>
</head>}}

User:Pointy

2023-06-03T19:41:18Z

Pointy: i tried porting over the pointy pyramid from my tumblr lol

{{#css:|<style>

/* pyrami*/

body {
display: flex;
justify-content: center;
align-items: top;
min-height: 100vh;
}

.pyramid {
position: relative;
width: 200px;
height: 200px;
transform-style: preserve-3d;
transform: rotateY(326deg) rotateX(2deg) rotateZ(359deg);
}

.side {
width: 0;
height: 0;
position: absolute;
opacity: 0.7;
border: 100px solid transparent;
border-bottom: 200px solid transparent;
border-image:url('[[File:Pointypfp.png]]');
border-top: 0px;
-webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
}

.one {
transform: rotateX(30deg);
transform-origin: 0 0;
}

.two {
transform-origin: 100px 0;
transform: rotateY(90deg) rotateX(-30deg);
border-bottom-color: cyan;
}

.three {
transform-origin: 100px 0;
transform: rotateY(270deg) rotateX(-30deg);
border-bottom-color: transparent;
}

.four {
transform-origin: 100px 0;
transform: rotateY(0) rotateX(-30deg);
border-bottom-color: cyan;
}

.base {
position: absolute;
width: 100%;
height: 100%;
transform: translateY(73px) rotateX(90deg);
border: 0;
background: url('[[File:Pointypfp.png]]');
}

@keyframes rotate {
from {
transform: rotateY(0) rotateX(0deg) rotateZ(0deg);
}
to {
transform: rotateY(360deg) rotateX(360deg) rotateZ(360deg);
}
}

.pyramid {
animation: rotate 5s linear infinite;
}

/* enmd pyramid*/
</style>}}

File:Pointypfp.png

2023-06-03T19:38:16Z

Pointy: User:Pointy]'s profile picture

== Summary ==
[[User:Pointy]]]'s profile picture