self-reification / reyyi
2023
digital graphics, shapes, and text
1053 × 1718 px
re:
who am i?
IN THE MATTER OF
पहचान
i am a brand designed by the social paradigms, values, and ideals.
i am a brand manufactured by images of late stage capitalism and war.
i am a brand constantly defined, and redefined,
by a language that determines my social relations,
my thought processes, and my understanding of who and what i am.
i am a brand intended, or unintended, product of the cultural practices and
values that characterise my perceptions as a series
of preferences, dispositions, proclivities, and biases.
iAm
2025. All Rights Reserved.
want more?
think bigger and better.
A lot went on her, but until the invention of heliography - accurately reproducing visual reality in a tangible form - in 1826, all the documented records remain in the form of texts defined by language.
civilisation
colonisation
c. 4031 M.A. Formation of protolith of the oldest known rock (Acasta Gneiss)
1826 C.E. First known photograph is produced through heliography - View from the window at Le Gras
1858 C.E. British Raj is established over India
colonisation
1860 C.E. Indian Penal Code is enacted by the British Parliament
1861 C.E. American Civil War
1863 C.E. Olympia by Eduard Manet
modernisation
discovery of the consumer.
consumer becomes producer.
modernisation
globalisation
globalisation
reglobalisation
consumer becomes commodity.
pre-modernism
c. 4600 M.A. to c. 1860 C.E.
modernism
c. 1860 C.E. to c. 1960 C.E.
postmodernism
c. 1960 C.E. to c. 2010 C.E.
re://modernism
c. 2010 C.E. to present day
the thought behind
being
The self—a product of tangible, external forces—a manifestation of the conscious identity, an ego-based persona shaped by the material conditions of society, socioeconomic structures, and mediated life.
construct
The Self, an architectonic construct—a deeper, comprehensive entity that fundamentally shapes the understanding of material conditions themselves, through structures, e.g. language or archetypes, that allows an individual to perceive, interpret, and assign meaning to reality.
human
The core tension between the material self (an inherited identity) and the performative Self (the striving for an integrated authentic existence as a virtual being). As reality and identity become increasingly virtual, the conflict between the concrete, functional self and the abstract, meaning-making Self forms the cause and effect of contemporary political and cultural conflicts.
the fragility of identity in the age of algorithmic Self optimisation
i dived down deep, only to find the surface.
Self-discovery / reyyi
2025
digital geometric shape and text
885 x 372 px
SVA
-
One's own, belonging to oneself, often serving as a reflexive pronoun.
-
In accordance with the nature of, or circumstances surrounding, someone or something.
स्व
E.g. Words and images exist as constructs, so does the Self.
pron. / adj. (Sanskrit), of Self
1
2
स्व
स्व
स्व
स्व
LIMITED
EDITION
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>pehchaan: a sense of Self</title>
<!--
Load Tailwind CSS via CDN for styling.
This script provides a simple way to use Tailwind's utility classes.
-->
<script src="https://cdn.tailwindcss.com"></script>
<!--
Load the Inter font from Google Fonts for a clean, modern look.
-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<style>
/* Apply the Inter font family to the entire page */
body {
font-family: 'Inter', sans-serif;
}
</style>
</head>
<body class="bg-gray-900 text-gray-100 flex items-center justify-center min-h-screen p-4">
<!-- Main container for the counter. Styled as a modern, dark card. -->
<div class="max-w-3xl w-full bg-gray-800 p-8 md:p-12 rounded-2xl shadow-2xl space-y-8 text-center">
<!-- Main heading with a gradient text effect -->
<h1 class="text-3xl sm:text-4xl md:text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-600">
World Population
</h1>
<!-- The main number display. The content will be updated by JavaScript. -->
<div class="text-6xl sm:text-7xl md:text-8xl font-black tracking-tight text-white transition-all duration-500 ease-in-out" id="population-number">
0
</div>
<!-- A subheading to provide context for the number -->
<p class="text-xl text-gray-400">
Hi! i am just one in here
</p>
<!-- Container for the highlighted number -->
<div id="highlight-container" class="mt-6">
<h2 class="text-2xl font-bold text-white mb-2">which one are you?:</h2>
<div id="highlighted-number" class="text-4xl sm:text-5xl font-black text-lime-400 transition-all duration-500 ease-in-out">
Press the button below
</div>
</div>
<!-- Buttons to interact with the counter -->
<div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4 mt-8">
<button id="highlight-button" class="w-full sm:w-auto px-8 py-3 rounded-xl bg-lime-500 text-gray-900 font-semibold shadow-md transition-all duration-300 hover:bg-lime-600 hover:shadow-lg focus:outline-none focus:ring-4 focus:ring-lime-400 focus:ring-opacity-50">
Highlight a Random Number
</button>
<button id="reset-button" class="w-full sm:w-auto px-8 py-3 rounded-xl bg-purple-600 text-white font-semibold shadow-md transition-all duration-300 hover:bg-purple-700 hover:shadow-lg focus:outline-none focus:ring-4 focus:ring-purple-500 focus:ring-opacity-50">
Restart Counter
</button>
</div>
</div>
<script>
// Get references to the HTML elements
const populationNumberEl = document.getElementById('population-number');
const resetButton = document.getElementById('reset-button');
const highlightButton = document.getElementById('highlight-button');
const highlightedNumberEl = document.getElementById('highlighted-number');
// Initial population estimate (as of early 2025)
let population = 8118835000;
// Estimated net population growth per second (births - deaths)
// This is based on a global growth rate of about 1% annually, divided by the number of seconds in a year.
// It's a key value for simulating the 'real-time' effect.
const growthPerSecond = 2.5;
// Function to format the number with commas for readability
function formatNumber(num) {
return num.toLocaleString('en-US');
}
// Function to update the population number on the screen
function updatePopulationDisplay() {
populationNumberEl.textContent = formatNumber(Math.floor(population));
}
// Function to highlight a random number within the current population range
function highlightRandomNumber() {
// Generate a random number between 1 and the current population.
const randomNumber = Math.floor(Math.random() * population) + 1;
// Display the formatted number in the designated element.
highlightedNumberEl.textContent = formatNumber(randomNumber);
}
// The main animation loop. It uses setInterval to update the number
// multiple times per second for a smooth, continuous feel.
let intervalId;
function startCounter() {
// Clear any existing interval to prevent multiple counters running
clearInterval(intervalId);
// Set a new interval that updates every 400 milliseconds (0.4 seconds).
// This rate is for a visual effect; the actual math is based on seconds.
intervalId = setInterval(() => {
// Increment the population by the growth rate.
// The division by 1000 and multiplication by the interval time
// ensures the number grows correctly over time.
population += (growthPerSecond / 1000) * 400;
updatePopulationDisplay();
}, 400); // Update every 400ms
}
// Event listener for the restart button
resetButton.addEventListener('click', () => {
// Reset the population to the initial value and restart the counter
population = 8118835000;
updatePopulationDisplay();
startCounter();
highlightedNumberEl.textContent = 'Press the button below'; // Reset the highlighted number display
});
// Event listener for the highlight button
highlightButton.addEventListener('click', highlightRandomNumber);
// Initialize the display and start the counter when the page loads
window.onload = function() {
updatePopulationDisplay();
startCounter();
// Also highlight a random number on page load
highlightRandomNumber();
};
</script>
</body>
</html>
पहचान
2025. All Rights Reserved.
BIGGER
SCREEN
BIGGER
PICTURE
Statement of Intent
1. The artist may construct the piece
2. The piece may be fabricated
3. The piece may not be built
Each being equal and consistent with the intent of the artist the decision as to condition rests with the receiver upon the occasion of receivership.
Lawrence Wiener
(Arts Magazine, Apr. 1970)
the act, or process, of transfiguring intangible and inalienable social relations and resources as objects, with an intent to produce surplus [economic] value, in a post-hype market.
all you
need
to know is
see
read
understand
CONSUME
reyyi is, an artist by design, a lawyer by qualification, a pluralist by classification, posthuman by credence, and a resident of Gautam Buddha Nagar (popularly known as 'Noida'), India.