1<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com --><!-- Last Published: Mon Oct 17 2022 16:54:58 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="theprincipalobjectives.webflow.io" data-wf-page="634d859c97320c1a7444f091" data-wf-site="619fb52159a298c4d6bd8cfc"><head><meta charset="utf-8"/><title>The Principal Objectives</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/css/theprincipalobjectives.webflow.0c11cd87d.css" rel="stylesheet" type="text/css"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Lora:regular,500,600,700:cyrillic,cyrillic-ext,latin,latin-ext,vietnamese","Hahmlet:100,200,300,regular","Crimson Pro:200,300,regular,500,600,700,800,900","Poppins:100,100italic,200,300,regular,500,600,700,800,900"] }});</script>
1<!--[if lt IE 9]>
1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
1<![endif]-->
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon"/></head><body><div class="w-embed"><style> 2@media only screen and (min-width: 2200px) { 3 body {font-size: 22px;} 4} 5</style></div><div data-w-id="462077d1-e5e5-5b20-b72d-6a67aed6c8d9" class="div-block-12"><div class="lottie-animation" data-w-id="9561f2db-d0ea-7698-1ef4-d37c9c7178fa" data-animation-type="lottie" data-src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61b2149f016df947c2fafee9_loading_animation.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="3" data-duration="0"></div></div><div class="div-block-10"><div class="text-block-2 mobile">There is no mobile version; get up from the sofa and watch it on your PC if you are interested.</div></div><main id="luxy" class="section"><div class="menu"><div class="menuelement logo"><div class="logo">The principal <br/>objectivesâ¢</div></div><div data-w-id="37abf08e-61f7-8733-65c9-0eba7654cd82" class="menuelement menupoint"><div data-w-id="094551ee-92a0-2d1a-6111-6cb447d2f260" style="color:rgb(0,0,0)" class="menutext">Home</div><div class="div-block-8"></div></div><div data-w-id="283ec58b-dde5-5c40-7b59-32afe6a28e31" class="menuelement menupoint middle"><div data-w-id="d651ec5e-b7ce-c164-8e8d-264d197d8d12" style="color:rgb(0,0,0)" class="menutext">About</div></div><div data-w-id="97ac71a7-fba1-e597-9b95-b1cc4e5a78bf" class="menuelement menupoint"><div data-w-id="4fbcb74c-acdb-5d58-21aa-a53b94e2f51d" style="color:rgb(0,0,0)" class="menutext">FaQs</div></div><div data-w-id="a738d51c-e801-781e-5e85-eae841e9b226" class="menuelement joinus"><div data-w-id="436b6f6c-1a7c-5af0-764c-238d7379a7d1" style="color:rgb(0,0,0)" class="menutext">Join Us</div></div></div><div class="menu hover"><div class="menuelement logo hover"></div><div data-w-id="68b7e387-6dbc-6913-b636-7f6a9636c78b" style="-webkit-transform:translate3d(0px, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="menuelement menupoint hover"></div><div data-w-id="68b7e387-6dbc-6913-b636-7f6a9636c78f" style="-webkit-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="menuelement menupoint middle hover"></div><div data-w-id="68b7e387-6dbc-6913-b636-7f6a9636c792" style="-webkit-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="menuelement menupoint hover"></div><div data-w-id="68b7e387-6dbc-6913-b636-7f6a9636c795" style="-webkit-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 8em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="menuelement joinus hover"></div></div><div class="hero"><div class="div-block-3"><div class="div-block-13"><h1 data-w-id="4b8bb648-9fb0-745a-378d-0f6f7480938d" style="opacity:0" class="fade-up tricks">The idea</h1><h1 data-w-id="e5857000-09de-de00-c462-daafe149a71d" style="opacity:0" class="fade-up tricks">of what is considered the</h1></div><div class="div-block-13">
5<h1 data-w-id="e0abfe2b-6e39-bad0-a1c4-05ec196915be" style="opacity:0" class="fade-up tricks">ideal of <br/></h1><h1 data-w-id="59aa74e5-36b9-b819-2cb5-96563186cc47" style="opacity:0" class="fade-up tricks">beauty <br/></h1><h1 data-w-id="88c1bd8e-149f-8033-b55b-de568b77e1f0" style="opacity:0" class="fade-up tricks">for women varies<br/></h1></div><div class="div-block-13"><h1 data-w-id="bbee0c92-1568-d9f3-2b06-3ac8d7ec9cd4" style="opacity:0" class="fade-up tricks">across different </h1><h1 data-w-id="7076e52e-1f60-3464-61f0-3561e4d27a59" style="opacity:0" class="fade-up tricks">cultural ideals.</h1></div><div class="herodivsecound"><div class="herodiv"><div class="heroheadertwo">Standards</div><div class="textdiv"><div class="text herotext">Regions are rooted in the desire to possess lighter skin, which confers greater...</div></div><div data-w-id="c3c82e29-5609-e03a-ed16-acac139b1da8" class="learnmorediv"><div class="learn-more">Learn more</div><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61af8d30d7dd9a23c016095a_Arrow%204.svg" loading="lazy" style="-webkit-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="imagearrow"/></div></div><div class="herodiv"><div class="heroheadertwo">Feminine Beauty</div><div class="textdiv"><div class="text herotext">The feminine beauty ideal traits include but are not limited to...</div></div><div data-w-id="73e737f5-315e-1750-cfed-a8edea6faa48" class="learnmorediv"><div class="learn-more">Learn more</div><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61af8d30d7dd9a23c016095a_Arrow%204.svg" loading="lazy" style="-webkit-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="imagearrow"/></div></div></div></div><div id="webgl" data-w-id="6857f0c7-58ca-4153-741b-73e5b8f99e70" class="webgl w-embed"><canvas class="webgl"></canvas></div></div><div class="secound"><div class="our-story">The story</div><div class="div-block-6"><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afd4e450eade470edf9dd0_linkedin.svg" loading="lazy" alt="" class="social"/><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afd4e25d560e469093c611_instagram.svg" loading="lazy" alt="" class="social"/><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afd4e2bff8deb53ff2cbaa_twitter.svg" loading="lazy" alt="" class="social"/></div></div><div class="third"><div class="div-block-11 top"><div class="foundeddiv"><div class="div-block-5"><div class="founded">Founded <br/>in 2021</div><div class="text">Codified all existing multilateral treaties on drug control</div></div></div><div class="foundedn-two-div"><div class="div-block-4"><div class="text">The adoption of this Convention is regarded as a milestone in the history of the international drug ban. The Single Convention.<br/><br/>Codified all existing multilateral treaties on drug control and extended the existing control systems to include the cultivation of plants that were grown as the raw material of narcotic drugs.</div><div data-w-id="6ecbba88-ad3f-7686-3634-78cc35fd9b01" class="learnmorediv bottom"><div class="learn-more">Lern more about us</div><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61af8d30d7dd9a23c016095a_Arrow%204.svg" loading="lazy" style="-webkit-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0em, 0em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="imagearrow"/></div></div></div></div></div><div data-w-id="4438aa5c-6502-6884-6c56-f3e5f7de8fca" class="fourth"><div class="div-block-11"><div class="div-footer-top"><div class="footer"><div class="text-block-2">Subcribe to our<br/>newsletter.</div><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="form"><input type="email" class="text-field w-input" maxlength="256" name="name" data-name="Name" placeholder="Email Address" id="name"/><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afdd8dc2e00b5b125f4bd5_Arrow%201.svg" loading="lazy" alt="" class="image-2"/></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="footer right"><div class="footerdiv"><div class="div-text">Menu</div><div class="div-block-7"><div class="learn-more footertext">Home</div><div class="learn-more footertext">About Us</div><div class="learn-more footertext">FaQs</div><div class="learn-more footertext">Join Us</div></div></div><div class="footerdiv"><div class="div-text">Support</div><div class="div-block-7"><div class="learn-more footertext">FaQs</div><div class="learn-more footertext">Contact</div></div></div></div></div><div class="div-footer-bottom"><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afe305537fa2743c9b287a_linkedin%20white.svg" loading="lazy" alt="" class="social-white"/><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afe3050a1d065c2708d3c0_insta%20white.svg" loading="lazy" alt="" class="social-white"/><img src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61afe305115004baf6cd58f4_twitter%20white.svg" loading="lazy" alt="" class="social-white"/><div class="text-block-3">Copyright © The principal objectives</div></div></div></div></main>
5<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=619fb52159a298c4d6bd8cfc" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
5<script src="https://assets.website-files.com/619fb52159a298c4d6bd8cfc/js/webflow.5898ac232.js" type="text/javascript"></script>
5<!--[if lte IE 9]>
5<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
5<![endif]-->
5<script type="module"> 6 import * as THREE from 'https://cdn.skypack.dev/[email protected]'; 7 import { GLTFLoader } from 'https://cdn.skypack.dev/[email protected]/examples/jsm/loaders/GLTFLoader'; 8 import { DRACOLoader } from 'https://cdn.skypack.dev/[email protected]/examples/jsm/loaders/DRACOLoader'; 9import { EffectComposer } from 'https://cdn.skypack.dev/[email protected]/examples/jsm/postprocessing/EffectComposer'; 10import { RenderPass } from 'https://cdn.skypack.dev/[email protected]/examples/jsm/postprocessing/RenderPass'; 11import { UnrealBloomPass } from 'https://cdn.skypack.dev/[email protected]/examples/jsm/postprocessing/UnrealBloomPass'; 12import gsap from 'https://cdn.skypack.dev/gsap-trial' 13 14/** 15 * Base 16 */ 17 18// Canvas 19const canvas = document.querySelector('canvas.webgl') 20 21// Scene 22const scene = new THREE.Scene() 23 24/** 25 * Loaders 26 */ 27// Texture loader 28const textureLoader = new THREE.TextureLoader() 29 30// Draco loader 31const dracoLoader = new DRACOLoader() 32dracoLoader.setDecoderPath('draco/') 33 34// GLTF loader 35const gltfLoader = new GLTFLoader() 36gltfLoader.setDRACOLoader(dracoLoader) 37 38/** 39 * Textures 40 */ 41 const bakedTexture = textureLoader.load('https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61ae8b1931be2c1fdde30c5a_csajtex.jpg') 42 bakedTexture.flipY = false 43 bakedTexture.encoding = THREE.sRGBEncoding 44 45/** 46 * Materials 47 */ 48// Baked material 49const bakedMaterial = new THREE.MeshBasicMaterial({ map: bakedTexture }) 50 51/** 52 * Model 53 */ 54 gltfLoader.load( 55 'https://assets.website-files.com/619fb52159a298c4d6bd8cfc/61ae8b768030276d6094cdd6_csaj.txt', 56 (gltf) => 57 { 58 gltf.scene.traverse((child) => 59 { 60 child.material = bakedMaterial 61 }) 62 gltf.scene.position.y = 0 63 gltf.scene.position.z = -0.1 64 gltf.scene.position.x = 0 65 66 scene.add(gltf.scene) 67 } 68) 69 70// Object 71const geometry = new THREE.BoxGeometry(0.1, 0.1, 0.1) 72const material = new THREE.MeshBasicMaterial({ color: 0xff0000 }) 73const mesh = new THREE.Mesh(geometry, material) 74mesh.position.x = -4 75mesh.position.y = -0.04 76mesh.position.z = -0.05 77mesh.material.transparent = true; 78mesh.material.opacity = 0.001; 79 80 81scene.add(mesh) 82 83/** 84 * Sizes 85 */ 86const sizes = { 87 width: canvas.clientWidth, 88 height: canvas.clientWidth, 89} 90 91window.addEventListener('resize', () => 92{ 93 // Update sizes 94 sizes.width = webgl.clientWidth 95 sizes.height = webgl.clientWidth 96 97 // Update camera 98 camera.aspect = sizes.width / sizes.height 99 camera.updateProjectionMatrix() 100 101 // Update renderer 102 renderer.setSize(sizes.width, sizes.height) 103 renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)) 104}) 105 106/** 107 * Camera 108 */ 109// Base camera 110const camera = new THREE.PerspectiveCamera(45, sizes.width / sizes.height, 0.1, 100) 111//camera.position.x = 1 112camera.position.y = 5 113camera.position.z = 6 114scene.add(camera) 115 116// Cursor 117const cursor = { 118 x: 0, 119 y: 0 120} 121 122window.addEventListener('mousemove', (event) => 123{ 124 cursor.x = event.clientX / sizes.width - 0.5 125 cursor.y = event.clientY / sizes.height - 0.5 126 127 console.log(cursor.x, cursor.y) 128}) 129 130// Controls 131//const controls = new OrbitControls(camera, canvas) 132//controls.enableDamping = true 133 134/** 135 * Renderer 136 */ 137const renderer = new THREE.WebGLRenderer({ 138 canvas: canvas, 139 antialias: true 140}) 141renderer.setSize(sizes.width, sizes.height) 142renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)) 143renderer.outputEncoding = THREE.sRGBEncoding 144 145/** 146 * Post processing 147 */ 148 const effectComposer = new EffectComposer(renderer) 149 effectComposer.setSize(sizes.width, sizes.height) 150 effectComposer.setPixelRatio(Math.min(window.devicePixelRatio, 2)) 151 152 const renderPass = new RenderPass(scene, camera) 153effectComposer.addPass(renderPass) 154 155// ... 156 157const unrealBloomPass = new UnrealBloomPass() 158effectComposer.addPass(unrealBloomPass) 159unrealBloomPass.strength = 0.2 160unrealBloomPass.radius = 0.06 161unrealBloomPass.threshold = 0.9 162 163//const smaaPass = new SMAAPass() 164//effectComposer.addPass(smaaPass) 165 166 167 168/** 169 * Animate 170 */ 171const clock = new THREE.Clock() 172 173 174gsap.to(camera.position, { duration: 3, delay: 0, z: 4}) 175gsap.to(camera.position, { duration: 3, delay: 0, y: 0}) 176 177gsap.to(mesh.position, { duration: 3, delay: 0, x: 0}) 178 179const tick = () => 180{ 181 const elapsedTime = clock.getElapsedTime() 182 183 // Update controls
184 //controls.update() 185 186 scene.background = new THREE.Color(0xffffff); 187 188 // Update camera 189 190 191 const parallaxX = cursor.x * 2 192 const parallaxY = - cursor.y 193 camera.position.x += (parallaxX - camera.position.x) * 0.05 194 camera.position.y += (parallaxY - camera.position.y) * 0.05 195 196 camera.lookAt(mesh.position) 197 198 199 200 // Render 201 //renderer.render(scene, camera) 202 effectComposer.render() 203 204 // Call tick again on the next frame 205 window.requestAnimationFrame(tick) 206} 207 208tick() 209 210</script>
210 211
212<script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script>
212 213
214<script charset="utf-8"> 215 var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent); 216 if (!isMobile) { 217 luxy.init({ 218 wrapper: '#luxy', 219 wrapperSpeed: 0.065, 220 221 }); 222 } 223 </script>
223 224 225</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.